Skip to main content
SimilarExport ZIP
100%

verma

✓ Published0🌍 Public
Vvikramkotlo9@gmail.com
Last edited Apr 11, 2024
Created on Apr 11, 2024
Forked from Harshini

This example presents a dashboard of five D3.js v7 visualizations analyzing CO2 emissions and population data from a GitHub-hosted CSV. A line chart, scatter plot, and histogram summarize global CO2 emission trends over the last twenty years, while two bar charts rank the top and least populated countries by 2022 data. The scatter plot groups emissions by country, and the interface includes a supplementary index listing all countries. Using SVG rendering, the code employs d3.csv, d3.scaleBand, d3.scaleLinear, d3.line, d3.axisBottom, d3.axisLeft, d3.group, and d3.sum to build the charts.

AI-generated description
MIT Licensed

Similar vizzes

Loading thumbnail…

project d3

This visualization presents global CO2 emissions and population data through a series of linked charts. It shows a line chart of emission trends over the last twenty years, a scatter plot by country, a histogram of emission values, and bar charts highlighting the top and least populated countries. The code uses d3.csv to load the dataset, then employs d3.group, d3.sum, and d3.scaleBand, alongside d3.line, d3.axisBottom, and d3.axisLeft to render SVG charts.

Jjyothirmaijyothi2017@gmail.com
83% match
Loading thumbnail…

emmisions_viz

This visualization presents four D3.js charts exploring historical emissions and climate data. A pie chart shows the share of CO2 emissions for the year 1950, while a line chart plots cumulative CO2 emissions over time. A scatter plot displays global mean sea level changes using the `gmsl_gia` metric, and an area chart depicts CO2 emissions per capita. The code loads data from a CSV file via `d3.csv`, using `d3.pie`, `d3.arc`, `d3.line`, and `d3.area` to render SVG elements. Each chart uses linear scales (`d3.scaleLinear`) for axes and color encoding.

TTejasree Reddy
77% match
Loading thumbnail…

Visualisation GDP

This example presents a multi-chart dashboard visualizing global GDP, population, CO2 emissions, and agricultural data. It loads CSV data from a GitHub repository and renders separate bar, line, histogram, and scatter charts using the Chart.js library. The code also includes custom D3.v5 functions for violin, density, histogram, and boxplot plots, which are defined but not directly invoked in the main HTML, where charts are drawn on canvas elements.

BBharath kumar
77% match
Loading thumbnail…

emmision_data

This example presents four linked D3.js visualizations of climate-related data from a CSV file: a pie chart of CO2 emissions for 1950, a line chart of cumulative CO2 emissions over time, a scatter plot of global mean sea level changes, and an area chart of per-capita CO2 emissions. Using d3.csv and d3.autoType to load and parse the data, the code builds each chart with d3.pie, d3.arc, d3.line, d3.area, and d3.scaleLinear, rendering SVG elements directly in the DOM.

TTejasree Reddy
76% match
Loading thumbnail…

v3

This example visualizes global CO₂ emissions over time using a smooth line chart, with the x-axis representing years and the y-axis representing emissions in million tonnes. The chart filters the loaded CSV data for the "World" country and plots it as a red line. Built with D3.js v7, the code uses `d3.csv` for data loading, `d3.scaleLinear` for axes, `d3.line` with the `d3.curveCatmullRom` curve for the smoothed path, and `d3.axisBottom` and `d3.axisLeft` for labeled axes. The SVG rendering is configured within a fixed chart area, and the data originates from the `preprocessed_owid_co2_data.csv` file.

Ssrisailapu.rc@gmail.com
75% match
Loading thumbnail…

D3 Data Dashboard

This dashboard visualizes global CO2 emissions across countries, continents, and years, allowing users to compare total emissions or per-capita values via an interactive world map, a pie chart of continental shares, and a bar chart of annual trends for a selected country. Built with D3 v4, it uses `d3.geoMercator` and `d3.geoPath` for map rendering from TopoJSON world atlas data, plus animated SVG transitions for the map, pie arcs, and bars. A year slider and radio buttons drive updates, with tooltips revealing detailed values from the CSV dataset.

VVishnu Sudireddy
75% match
Loading thumbnail…

project

This example presents a dashboard of four D3.js charts—a line chart, bar chart, pie chart, and scatter plot—visualizing global sustainable energy data from a CSV file. It shows trends in renewable energy share, electricity access, fossil versus renewable energy proportions, and the relationship between GDP and energy consumption per capita, with a tooltip and country selector. The visualization uses D3 selections, scales, and time parsing to render SVG charts, updating all views based on the selected country.

YYeruva Snehith Reddy
75% match
Loading thumbnail…

D3 - Multi-Line Chart

This multi-line chart displays carbon dioxide emissions per country from 1970 to 1979, using four distinct colored lines with circular data points. The visualization loads CSV data from a GitHub gist and renders an SVG with a light gray background panel, axis labels, and a title. It uses d3.csv for data loading, d3.line to construct the paths, and d3.axisBottom and d3.axisLeft for the axes. Interactive tooltips appear on mouseover, showing the emission value for the hovered point, with circles enlarging to indicate selection. The chart also incorporates colorbrewer colors and the d3-legend library.

CChandana Srinivas
74% match