A sampling of some (mostly) basic chart styles using small datasets
Skills and technologies applied
Chart design • Content management systems (CMS) • D3.js • Data visualization • Graph design • HTML & CSS • Infographics • Information design • Map-based charts • Research
Here are a few basic interactive charts I created during my first forays into D3: a line chart, a series of small multiples, a choropleth, and a strange but fun force-directed graph.
Line chart
This line chart was created for a class on data visualization using D3.js.
In addition to developing the design of the graph, I researched, cleaned, and prepared the data, and adapted and enhanced the HTML and CSS provided by the instructor.
The image below is a screenshot. Visit https://blocks.roadtolarissa.com/emagee/raw/ad8c04c44559c221495c/ to view and interact with the chart.
Small multiples
This small multiples chart was created for a class on data visualization.
In addition to designing the chart, I researched, cleaned, and prepared the data.
The image below is a screenshot. Visit https://blocks.roadtolarissa.com/emagee/raw/f0ff509fe23443d9fb89/ to view and interact with the chart.
Choropleth
This choropleth was created for a class on data visualization using D3.js.
I researched, cleaned, and prepared the data, and adapted and enhanced the HTML and CSS provided by the instructor.
The image below is a screenshot. Visit https://blocks.roadtolarissa.com/emagee/raw/9fcb9e67331c342b5cc7/ to view and interact with the chart.
Force-directed graph
This graph was created for a class on data visualization.
The image below is a screenshot. Visit https://blocks.roadtolarissa.com/emagee/raw/76caed32650e6aa4ac18/ to view and interact with the graph.
