Skip to main content
SimilarExport ZIP
100%

Scatter Plot - Industry

✓ Published1🌍 Public
DDaniel Z
Last edited Mar 13, 2026
Created on Mar 13, 2026

This scatter plot shows the relationship between industrial activity index and energy consumption, using a green circle for each sampled data point. The visualization samples every 100th row from the global climate and energy dataset (2020–2024), mapping industrial activity to the x-axis and consumption to the y-axis. It uses D3.js v7 with linear scales, axis generators, and SVG circles. Data is loaded via `d3.csv` and rendered with a simple opacity setting for overlapping points.

AI-generated description
MIT Licensed

Similar vizzes

Loading thumbnail…

Fork of Scatter Plot - Industry

This scatter plot displays the relationship between industrial activity and energy consumption in Germany from 2020 to 2024, with the x-axis showing the industrial index (0–100) and the y-axis measuring consumption in TWh. The visualization samples every 100th row from the CSV dataset, plotting each point as a green semi-transparent circle. The chart is built using D3 v7, employing `d3.csv` for data loading, `d3.scaleLinear` for both axes, and `d3.axisBottom` and `d3.axisLeft` to generate the scales and ticks.

TTony Mai
87% match
Loading thumbnail…

Activity6_Question2

A stacked bar chart displays energy consumption proportions across four sectors—Residential, Commercial, Industrial, and Transportation—from 2016 to 2020, using data from data.csv. The visualization uses d3.scaleBand, d3.scaleLinear, and d3.scaleOrdinal with d3.stack to layer bars, while d3.axisBottom and d3.axisLeft render axes with percentage formatting. An SVG legend maps colors to sectors, and the chart is styled via external CSS.

KKhushi Desai
71% match
Loading thumbnail…

Reusable Scatter Plot

This visualization explores global city energy and demographic data using a reusable D3 scatter plot component. It displays cities as colored symbols (triangles, squares, diamonds, circles) based on their renewable energy adoption, with a legend categorizing values from low to very high. The example animates by cycling the X-axis through population, temperature, CO2 emissions, and renewable energy percentage every three seconds, while the Y-axis remains electricity consumption. The code imports D3 v6 modules via `select`, `text`, `csvParse`, `scaleLinear`, `axisLeft`, `axisBottom`, and `symbol` to build the custom SVG visualization, reading data from a gist-hosted CSV.

Sshreelasya.bezawada@gmail.com
70% match
Loading thumbnail…

Some energy consumption data by type from the eia

This interactive scatter plot displays energy consumption data across U.S. states and regions, with a dropdown menu to switch between different fuel types and years from the EIA dataset. The visualization renders SVG circles whose vertical position reflects the selected consumption value while the horizontal axis shows the state or region. React handles the component state and dropdown interactions, while d3.v6 provides the scale functions (`scaleTime`, `scaleLinear`) and axis components. The underlying CSV data is loaded asynchronously via d3.csv, and each circle includes a native SVG `<title>` element for hover tooltips.

AAndre J Denais
70% match
Loading thumbnail…

reusable

This interactive scatter plot visualizes city-level energy metrics, comparing population against CO₂ emissions while using color to represent renewable energy adoption buckets (low, medium, high). The chart cycles through five different x-axis variables every three seconds, including electricity consumption, renewable percentage, and temperature, with smooth updates via D3’s data joins. Built with d3.v7, the reusable scatterPlotFactory pattern manages scales, axes, and a categorical color legend, rendering animated SVG marks that re-position as the axis changes. The dataset is fetched from a remote CSV and parsed client-side.

Sshreelasya.bezawada@gmail.com
69% match
Loading thumbnail…

D3 Scatter Plot

This scatter plot displays U.S. natural gas consumption by the electric power sector in billion BTU per year from 2000 to 2010. The code loads data from a CSV file and renders it as an SVG using D3 v7. It uses `d3.scaleLinear` for the x-axis, `d3.scalePoint` for the y-axis, and `d3.axisLeft` and `d3.axisBottom` for tick marks. Circles are appended to represent each data point, with axis labels and a title included.

Mmariahdiaz
69% match
Loading thumbnail…

Task 2

This scatter plot displays the relationship between energy consumption and COVID-19 cases per million across countries, using a rainbow color scale to encode consumption values. The visualization loads data from a CSV file, filters out outliers, and renders points as SVG symbols using D3 v6. It employs d3.scaleLinear for both axes, d3.scaleSequential with d3.interpolateRainbow for coloring, and axis generators for the bottom and left scales.

VVinish Reddy Kamireddy
68% match
Loading thumbnail…

Activity-6-Q3

A stacked horizontal bar chart displays the percentage distribution of five energy sources—Coal, Solar, Wind, Nuclear, Hydro, and Natural Gas—across five categories from below 10% to above 40%. The chart uses d3.stack, d3.scaleOrdinal, d3.scaleBand, and d3.scaleLinear to render SVG rectangles, with tooltips on mouseover showing exact percentages via d3.format. A legend identifies each color-coded energy source. Data comes from the embedded energy_data.csv file.

Kkotasc18@gmail.com
68% match