Skip to main content
SimilarExport ZIP
100%

Fork of Fork of US Economic indicators

✓ Published0🌍 Public
Ddiwashhumagain@my.unt.edu
Last edited Nov 20, 2025
Created on Nov 20, 2025

This interactive dashboard explores US economic indicators across four linked pages: a choropleth map of state GDP, a multi-line chart of income trends, a small-multiple dashboard of related metrics, and an animated scatterplot with a trailing dot effect. Navigation buttons toggle between pages, with charts rendered lazily on first view. The visualization uses d3.v7 with d3.geoPath for the TopoJSON state map, d3.csv for loading economic datasets, and d3.scaleQuantize for choropleth coloring, all drawn as SVG with shared tooltips and interactive hover states.

AI-generated description
MIT Licensed

Similar vizzes

Loading thumbnail…

Fork of US Economic indicators

This interactive dashboard visualizes U.S. economic indicators, including GDP, income, and inflation, through a four-page interface with navigation buttons. It features a choropleth map of states with a slider for temporal changes, a multi-line chart comparing economic trends, a dashboard with small multiples, and a scatterplot with a slider and trailing dots. Built with D3 v7 and TopoJSON, it renders SVG elements and uses shared tooltips, color legends, and quantized color scales to convey data across all pages.

Ddiwashhumagain@my.unt.edu
96% match
Loading thumbnail…

US Economic indicators

This interactive dashboard presents four coordinated views of US economic indicators, including a choropleth map of GDP by state, a multi-line chart of personal income trends, a dashboard of small multiples, and a scatterplot with a time slider. Built with D3 v7 and TopoJSON, the application layers multiple visualizations from CSV datasets covering GDP, income, inflation, and a final combined dataset. Users navigate between pages via buttons, with each view rendered as SVG and featuring interactive tooltips, hover effects, and legend controls.

Ddiwashhumagain@my.unt.edu
91% match
Loading thumbnail…

Fork of Fork of USA Map 2

This interactive choropleth map visualizes US state economic performance metrics across four selectable time periods. Users can toggle between 1-year, 5-year, since-1991, and latest-period data via a dropdown menu. The map uses D3.js v7 with TopoJSON to render geographic boundaries via `d3.geoPath` and a `geoAlbersUsa` projection, while `scaleSequential` and `scaleDiverging` color scales encode metric values. Hover tooltips display state details, and clicking a state opens a side panel with additional information.

NNita
85% match
Loading thumbnail…

Fork of Choropleth Map with Interactive Filtering

This interactive choropleth map displays countries colored by their economy category, allowing users to click legend items to filter and highlight specific regions while dimming others. The visualization uses d3.geoPath with a geoNaturalEarth1 projection to render world geography, while d3.scaleOrdinal and schemeSpectral assign colors to categorical data. Hovering over countries reveals their name and economy value via SVG title elements, and d3.zoom enables panning and zooming the map. Data comes from the world-atlas TopoJSON dataset combined with a happiness CSV file.

Xxyang3672
76% match
Loading thumbnail…

Fork of USA Map 2

This interactive map shows US state home price performance as a choropleth, colored by seasonally adjusted one-year returns, alongside city markers sized by population. Hovering reveals detailed tooltips for both states and cities. It uses D3.js v7 with `d3.geoAlbersUsa` and `d3.geoPath` to render TopoJSON state boundaries, plus `d3.scaleSequential` for color encoding and `d3.scaleSqrt` for circle sizes. Data comes from two CSV files covering state-level price indices and city-level housing metrics.

NNita
76% match
Loading thumbnail…

Fork of choropleth map

This fork of a choropleth map visualizes global economic data by coloring countries according to their economy type. The map uses a natural Earth projection and displays a dynamic color scale based on the spectral scheme. Built with D3 v5 and TopoJSON, the visualization loads world atlas data from a TSV and JSON file, then projects geographic features using d3.geoPath. Users can click a country to select a specific economy value, which triggers a re-render that updates the color assignments. The SVG output supports zooming through the d3.zoom component, and hovering highlights individual countries in red.

Zzenoe
76% match
Loading thumbnail…

Fork of Pie Chart (with labels) with d3

This pie chart displays the top 10 US states by GDP, with each slice representing a state’s economic output. The visualization uses d3.arc to generate the pie geometry and d3.pie to compute the arc angles, while a hover tooltip with a bounding box reveals state names and values. It is built with React, loading data via d3.csv from a remote CSV file, and rendered as SVG. The legend and slice colors use d3.scaleOrdinal with d3.schemeCategory10.

SSweetierams
75% match
Loading thumbnail…

Fork of Fork of Choropleth 5/3

This interactive visualization pairs a choropleth map with a scatter plot to explore global health and economic indicators. The map colors countries by urban rate, while the scatter plot positions countries by life expectancy and GDP per capita, with point size encoding population and color encoding continent. The visualization uses d3.geoEqualEarth, d3.geoPath, d3.scaleLinear, and d3.schemeCategory10. Hovering reveals a tooltip, and the code includes filtering for missing data values.

Cchris.shimotake@gmail.com
75% match