RespVis: Responsive Visualisations

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.

Getting Started

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.

Documentation

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.

Contribution

Contributions to RespVis are highly appreciated, have a look at our contribution guide!

The following people have contributed to RespVis:

• Keith Andrews [email protected]
  Project leader.

• David Egger
  Master's Thesis, main developer.

• Peter Oberrauner
  Master's Thesis, original developer.