Data visualisation design resources

Explore resources for charts, diagrams and visual explanations of data. Compare ways to communicate comparisons, change, distribution and relationships, including examples of how data visualizations fit into a wider interface.

Data visualisation

Chart type examples.
Chart selection and examples.
Data visualization projects.
Explore data visualisation resources and examples for your next design project.
ApexCharts.js is a modern JavaScript charting library to build interactive charts and visualizations with simple API.
Re-usable, easy interface JavaScript chart library based on D3 v4+, with SVG and Canvas rendering support.
Explore data visualisation resources and examples for your next design project.
Explore data visualisation resources and examples for your next design project.
Explore data visualisation resources and examples for your next design project.
Open-source, accessible React UI components styled with Tailwind CSS to build charts and dashboards.

Using these references

Start with the question your reader needs to answer and the type of data available. Check labels, scales, colour contrast and accessible alternatives. The visual treatment should preserve the meaning of the underlying information.