Fork of US Economic indicators

100%

Fork of US Economic indicators

✓ Published1🌍 Public

Ddiwashhumagain@my.unt.edu

Last edited Nov 19, 2025

Created on Nov 18, 2025

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.

AI-generated description

MIT Licensed

Similar vizzes

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

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

82% 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

74% match

Loading thumbnail…

Fork of Intersections 3

This interactive visualization explores relationships between socioeconomic indicators—median income, alcohol consumption, and murder rate—across U.S. states using the Iris Dataset-inspired scatter plot. Users switch axes via dropdown menus, toggling between categorical state labels and quantitative measures. The chart animates transitions between scatter plots and bar charts using D3’s selection.join, transitions, and scaleBand/scaleLinear scales. SVG circles and rectangles encode data points, with tooltips providing detailed state information. The code leverages D3 v6, CSV data loading, and custom reusable chart and menu components.

Aadventuresenglish.info@gmail.com

74% match

Loading thumbnail…

Economic factors over time plot with Menus

This scatter plot displays U.S. economic indicators from 1800 to 2011, allowing users to compare any two factors by selecting columns from dropdown menus for the x- and y-axes. The visualization uses d3.v5 with SVG rendering and animated transitions that gradually move points into position over three seconds. Data from the IMF website is loaded via `d3.csv`. Axis scales are generated with `scaleLinear`, `extent`, and `axisBottom`/`axisLeft`, while the chart updates dynamically whenever a menu selection changes.

MMukund Khandelwal

74% 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

74% 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

74% match