A choropleth map with data about United States education attainment.
- HTML
- CSS
- JavaScript
- D3.js
Build a choropleth chart fulfilling the following user stories.
-
User Story #1: My choropleth should have a title with a corresponding
id="title"
. -
User Story #2: My choropleth should have a description element with a corresponding
id="description"
. -
User Story #3: My choropleth should have counties with a corresponding
class="county"
that represent the data. -
User Story #4: There should be at least 4 different fill colors used for the counties.
-
User Story #5: My counties should each have
data-fips
anddata-education
properties containing their correspondingfips
andeducation
values. -
User Story #6: My choropleth should have a county for each provided data point.
-
User Story #7: The counties should have
data-fips
anddata-education
values that match the sample data. -
User Story #8: My choropleth should have a legend with a corresponding
id="legend"
. -
User Story #9: There should be at least 4 different fill colors used for the legend.
-
User Story #10: I can mouse over an area and see a tooltip with a corresponding
id="tooltip"
which displays more information about the area. -
User Story #11: My tooltip should have a
data-education
property that corresponds to thedata-education
of the active area.