RespVis, a free, open-source TypeScript library, provides multiple packages for building responsive visualisations. These packages include common responsive patterns, such as rotating axis tick labels or flipping a chart to extend vertically rather than horizontally. The core package of RespVis provides its own layouting mechanism for SVG chart components (title, x-axis, y-axis, legend, etc.), using standard CSS Grid or Flexbox syntax.
Have a look at the latest release of RespVis which holds a package.zip, containing the latest standalone version of the library in ES format.
For learning how RespVis can be used to create responsive visualisations, have a look at our tutorials:
- The tutorial for creating RespVis viusalizations is a good starting point if you have never used RespVis before.
- The extensive library usage guide covers everything which is important when creating visualizations with RespVis.
The following online resources present the latest released version of RespVis:
- respvis.netlify.app presents self-contained, isolated chart examples, which were created by using RespVis. They can independently be hosted on web servers.
- respvis-docs.netlify.app provides extensive documentation of the library.
The following online resources present the latest unreleased version of RespVis:
- respvis-dev.netlify.app presents self-contained, isolated chart examples, which were created by using RespVis. They can independently be hosted on web servers.
- respvis-dev-docs.netlify.app provides extensive documentation of the library.
For working locally in the cloned RespVis repository with self-contained examples or live examples of the documentation, have a look at our development environment guide.
Contributions to RespVis are highly appreciated, have a look at our contribution guide!
The following people have contributed to RespVis:
-
Keith Andrews kandrews@iicm.edu
Project leader. -
David Egger
Master's Thesis, main developer. -
Peter Oberrauner
Master's Thesis, original developer.