US Economic indicators

100%

US Economic indicators

✓ Published1🌍 Public

Ddiwashhumagain@my.unt.edu

Last edited Nov 2, 2025

Created on Nov 2, 2025

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.

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

91% match

Loading thumbnail…

Fork of Fork of US Economic indicators

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.

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

75% match

Loading thumbnail…

United State GDP

This D3.js v4 visualization displays the quarterly gross domestic product of the United States from 1947 to 2015 as a series of vertical bars. An interactive tooltip reveals the exact date and GDP value in billions of dollars for each quarter. The chart uses `d3.scaleTime` for the x-axis, `d3.scaleLinear` for the y-axis, and `d3.axisBottom` and `d3.axisLeft` to render the axes. Data is sourced from the FreeCodeCamp GDP-data JSON file hosted on GitHub. Animated transitions enhance the tooltip and overlay effects.

Vvaynexie

75% match

Loading thumbnail…

Loading US GDP Data with Interactive Color Legend and Line Chart

This interactive visualization displays US GDP data, showing annual levels and percentage changes over time with a line chart. A scatter plot uses color-coded circles to represent each year, grouped into decades via an interactive color legend that highlights or fades data points on hover. The code relies on D3 v7's `scaleTime`, `scaleLinear`, `scaleOrdinal`, `line`, and `axisLeft/axisBottom/axisRight` modules to render the axes and chart. Data is fetched as CSV from the BEA via a GitHub raw URL and parsed with `csvParse` and `timeParse`.

SSeekerzero

74% match

Loading thumbnail…

Economic factors over time for US: Menus

This interactive scatter plot visualizes U.S. economic factors from 1800 to 2011, using data from the IMF. Two dropdown menus let viewers select which economic variable appears on each axis, updating the visualization dynamically. Each data point is drawn as an orange circle that animates into position over four seconds using a staggered delay. The code uses d3.csv, d3.scaleLinear, d3.axisBottom, d3.axisLeft, and transition.attr to render the SVG and handle the animated updates.

MMukund Khandelwal

73% match

Loading thumbnail…

Economic factors over time plot with Menus-Final-test

This scatter plot displays economic factors for the United States from 1800 to 2011, with users selecting which variables to compare via dropdown menus. The visualization uses D3 v5 to render SVG elements, including scales, axes, and animated circles that transition between positions. Data comes from the IMF website and is loaded from a CSV file. The code employs `scaleLinear`, `axisBottom`, and `axisLeft` to construct the chart, while the dropdown menus are built with D3 selections and event handlers.

Vveagy

73% match

Loading thumbnail…

Economic factors over time plot with Menus

This scatter plot displays economic factors for the United States from 1800 to 2011, using data from the IMF. Two dropdown menus let users select which variables to plot on the x- and y-axes, with axes and labels updating dynamically. Built with d3.v5, it uses SVG rendering and d3.scaleLinear, d3.extent, d3.axisLeft, and d3.axisBottom to draw the points, grid lines, and animated transitions. The circles represent individual years, and the chart supports interactive exploration of relationships between revenue, expenditure, GDP, and debt.

MMukund Khandelwal

73% match