As there are several frameworks and ways to implement data visualization, there are some components that could be useful when implementing charts or infographics.
Legends, Infographic text, to mention a few.
The legend should always be positioned accordingly; either to the right/left of the chart, or below the chart.
It's not important which library or tool you use to create good visualizations, as long as you follow our guide in regards of color usage and visualization types.
However, we recommend some libraries to be utlized, for best implementation.
Most of our example charts are built with Highcharts. It is easy to work with and decent to add our own styling to the charts.
You can change the look and feel both programatically and with CSS. We recommend to style with CSS.
.highcharts-color-0 fill $color-data-chromatic-green stroke $color-data-chromatic-green .highcharts-color-1 fill $color-data-chromatic-yellow stroke $color-data-chromatic-yellow .highcharts-color-2 fill $color-data-chromatic-red stroke $color-data-chromatic-red .highcharts-color-3 fill $color-data-chromatic-blue stroke $color-data-chromatic-blue
Chart.js is a canvas-based charting tool, where styling is only done programatically.
Chart.css is a CSS-based charting tool, where styling is only done with CSS.
For geo charts, you can use Google GeoCharts.