NOTE: this tool was built for MAESD and contained private data that had to be removed. An updated version with new, open data and a different purpose will be added soon.
The main point of this repo is to give users an idea of how to use my implementation of scroll.js with d3 to create their own beautiful data animation projects.
An interactive web app with bubble map visually representing types of occupations youth are working in per census division, animating per economical region on scroll, with bubble sizes changing via data field selected by the user.
See full project here: https://smokbel.github.io/forcegraphPOC.html
- Page scroll event tracker
-
- at id, get id and find which viz to show
-
- the y scroll position of each section to be relative to the top of the div screen
- Ontario census division map
-
- Choropleth fill based on csv YJC data
-
-
- Different color fills for each region
-
-
-
- REPLACE DELETED DATA
-
-
- Clickable and zooms on scroll
-
- Data bubbles on each division
-
-
- Data bubbles to change with selection change on dropdown menu
-
- D3 legend