Code for the talk D3 + Angular == Visual Awesomesauce. Current version as presented at AngularMix in Orlando, FL on October 11, 2017.
A picture is worth 1000 words, but a data visualization is worth 1000 table rows.
In a world and internet full of data you need to give users value from the numbers. With the combination of D3 and Angular, we can take that data and create versatile and interactive visualizations that respond to dynamic data.
The slides can be found:
- under /slides
- as a PDF
- or run locally with reveal.js.
To run locally, under /slides/visual-awesomesauce
run npm install
to get the dependencies then run npm start
and browse to http://localhost:3000/. To view speaker notes for additional information, press 's'.
Code examples can be found under /examples. There are two sets of examples.
all-the-gons contains the code from the slides for creating the three gons: pentagon, hexagon, omnomnomagon.
sunburst contains the Angular example of creating a sunburst chart component and a filter sidebar component that communicate with each other.