Technologies
D3
Javascript ES6
SASS
CSS3
HTML5
Bar Chart
A bar chart built on C3.js, a D3-based reusable chart library.
Overview
In Spring of 2017, IBM Design released a data visualization section of the IBM Design language. Leading up to the release, partners from Accurrat, a data visualization firm, consulted on the project. I was able to attend a talk by Giorgia Lupi, Partner and Design Director at Accurat. I was fascinated with the way her visualizations could convey compicated layers of data insights at a glance. Soon after, I started reading Alberto Cairo's The Functional Art: An Introduction to Information Graphics and Data Visualization.
When I learned that there was an open source project aimed at developing a reusable chart component library based on the IBM Design chart models, I knew I wanted to get involved. I started attending daily meetings for the open source project, and ended up collaborating on this bar chart component with another IBMer.
See the Pen VpKxQW by ABBY MARIE STARNES (@ordette) on CodePen.