Learn about how DC geoChoroplethChart uses geoJSON data to draw maps, and can use further data to colour segments in a choropleth.
- [Instructor] DC uses D3 to draw its maps.…D3 draws these states that you see here…as path elements within an SVG element.…So just to repeat that, D3 is drawing these states,…it's not downloading images and arranging them.…This state here is created as a path element.…And the path element tells the browser…to put the pen down, as it were, at an X coordinate…of about 230 and a Y coordinate of about 28.5,…and then to draw a line, represented by L, meaning line two,…to the next set of X, Y coordinates.…
And so on and so forth, you can see…there's quite a few coordinates there.…So what does that mean for us?…When we we create a choropleth,…which is the proper name for this map or heat map,…we need at least two data files.…One to contain the coordinate data…to actually draw the map with,…and the second one to contain value data…to help us color it in.…And we're going to need new data…because none of the data that we've looked at so far…has been split by state.…So, we'll use the data that lies behind this example,…geo choropleth chart example, from DC.…
- Downloading and setting up DC.js
- Building dashboards
- Making charts: bar, area, pie, bubble, boxplot, and series
- Applying graphical filtering
- Working with dates
- Restyling dashboards
- Using D3 charts in a DC dashboard
- Linking charts together
Skill Level Intermediate
Crossfilter for Data Science Essential Trainingwith Emma Saunders1h 33m Intermediate
D3.js Essential Training for Data Scientistswith Emma Saunders4h 38m Intermediate
Data Visualization Tips and Trickswith Matt Francis2h 14m Intermediate
1. Preparing to Code in DC
2. Individual Charts
3. Making Advanced Charts
4. Building a Dashboard
- Mark as unwatched
- Mark all as unwatched
Are you sure you want to mark all the videos in this course as unwatched?
Take notes with your new membership!
Type in the entry box, then click Enter to save your note.
1:30Press on any video thumbnail to jump immediately to the timecode shown.