d3-ng-visual-awesomesauce

Code for the talk D3 + Angular == Visual Awesomesauce. Current version as presented at AngularMix in Orlando, FL on October 11, 2017.

Abstract

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.

Slides

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

Code examples can be found under /examples. There are two sets of examples.

all-the-gons

all-the-gons contains the code from the slides for creating the three gons: pentagon, hexagon, omnomnomagon.

sunburst

sunburst contains the Angular example of creating a sunburst chart component and a filter sidebar component that communicate with each other.