@inproceedings{1e9c39dd205440aca98a7ceeb887d332,
title = "RespVis: A D3 Extension for Responsive SVG Charts",
abstract = "RespVis is an open-source JavaScript library which extends D3 to support the creation of responsive SVG charts. Each chart is a composite SVG document, whose elements can be positioned and styled with CSS. Chart authors can use CSS media queries and CSS Flexbox and Grid syntax to (re)position chart components such as title, legend, axes, and the chart itself in a responsive way. Example charts illustrate how to implement other responsive patterns using CSS and JavaScript, such as rotating labels, thinning out tick marks, or flipping a chart by 90°. RespVis is implemented in TypeScript as an extension of D3. It uses a novel custom layouter to enable the various SVG chart components to be positioned via CSS layout mechanisms, which are normally reserved for HTML elements.",
keywords = "responsive, visualisation, chart, SVG, CSS, flexbox, grid, component, layout, pattern, D3, TypeScript., CSS, SVG, pattern, D3, layout, TypeScript, component, grid, responsive, flexbox, chart, visualisation",
author = "Keith Andrews and David Egger and Peter Oberrauner",
year = "2023",
month = jul,
day = "25",
doi = "10.1109/IV60283.2023.00014",
language = "English",
series = "Proceedings of the International Conference on Information Visualisation",
pages = "19--22",
booktitle = "Proceedings - 2023 27th International Conference Information Visualisation, IV 2023",
note = "27th International Conference on Information Visualisation : IV 2023 ; Conference date: 25-07-2023 Through 28-07-2023",
}