Skip to main content
SimilarExport ZIP
100%

Fork of Scatter Plot - Industry

✓ Published0🌍 Public
TTony Mai
Last edited Mar 14, 2026
Created on Mar 14, 2026

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.

AI-generated description
MIT Licensed

Similar vizzes

Loading thumbnail…

Scatter Plot - Industry

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.

DDaniel Z
87% 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
70% match
Loading thumbnail…

Fork of ic7

This visualization shows the highest nuclear energy consumption from 2010 to 2020 as a line chart, with a green title and red axis labels and blue gridlines. It uses d3.line, d3.scaleTime, d3.scaleLinear, d3.axisBottom, and d3.axisLeft to render an SVG path, parsing data from a CSV file with d3.csv and d3.timeParse. The line’s stroke is brown, and axis labels are formatted with d3.format.

KKarnisrikanth
67% match
Loading thumbnail…

Fork 2

A scatter plot visualizes the relationship between GDP and CO2 emissions for ten major countries, with each point colored by country and hover interactions revealing exact values via tooltips. The chart uses D3.js v7 to load CSV data from GitHub, parse numeric values, and render SVG circles positioned by linear scales. Axes, tick formatting, and labels are generated with `d3.axisBottom` and `d3.axisLeft`, while a color ordinal scale assigns category colors to countries.

SSeema Shrestha
67% 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
67% match
Loading thumbnail…

2nd visualisation

This faceted scatter plot displays the relationship between GDP and renewable energy consumption, with each facet representing a different year. The data, sourced from a CSV file, is grouped by year to create individual small multiples. Each point is colored by country using a categorical color scale. The visualization is built with D3.js version 7, using `d3.csv` for data loading, `d3.group` for grouping, and `d3.scaleOrdinal` for color mapping. SVG-based axes and labels are generated for each facet, with GDP on the x-axis and renewable energy consumption on the y-axis.

Vvenkatabhaskaratetali@my.unt.edu
67% match
Loading thumbnail…

Question 2

This stacked bar chart visualizes energy consumption by source across five countries (USA, China, India, Germany, Brazil) for 2023. The chart uses D3 v7 with `d3.scaleBand` for the x-axis and `d3.scaleLinear` for the y-axis, rendering stacked segments via `d3.stack().keys()` to represent Coal, Oil, Natural Gas, Renewable, and Nuclear proportions. Data loads from `energy_data.csv` using `d3.csv()`. A legend, generated with SVG groups, identifies each energy source, while custom colors are assigned through `d3.scaleOrdinal`.

Rragasrikakarla27@gmail.com
67% match
Loading thumbnail…

Scatterplot project

This scatterplot charts country economies as circles, with the x-axis representing economy values from a CSV file and the y-axis listing country names. The visualization uses D3 v5 APIs including `scaleLinear`, `scalePoint`, `axisLeft`, and `axisBottom` to render axes, while `select`, `append`, and `data` methods position circles at scaled coordinates. The SVG canvas is 960 by 500 pixels, and the chart includes a title noting countries that consume the most electricity. The graph remaps numeric string values from the data source using `+d.economies` before rendering.

Iisidro12345
67% match