12.3 Scatter Chart.js with CSV Data
Scatter charts (also scatterplots) are used to display data of 2 or more dimensions. The scatter chart below shows the relationship between household income and test performance for school districts in Connecticut. Using x- and y-axes to show two dimensions, it is easy to see that test performance improves as household income goes up.
Source and instructions: https://github.com/DataVizForAll/chartjs-templates/tree/master/scatter-chart
22.214.171.124 Going beyond two dimensions
To show more than two dimensions in scatter charts, one can:
- color each data point differently to show third dimension, eg use shades of red and green to show 5-year trend in test performance;
- resize each data point to display fourth dimension, eg number of students in each school district;
- use different icons or glyphs to display fifth dimension, eg circles for male students and squares for female students.
Remember not to overwhelm the viewer and communicate only the data that are necessary to prove or illustrate your idea.