Project 2

100%

✓ Published0🌍 Public

Last edited Apr 27, 2025

Created on Apr 18, 2025

This interactive climate dashboard presents global temperature trends, CO₂ emissions, and their correlations through eight switchable Plotly charts. Users explore a time-series line chart of average temperature, a bar chart of emissions over time, a scatter plot linking CO₂ to temperature, and a bubble chart encoding year via marker size and color. Additional views include multi-line country comparisons, continent-level bar charts, a pie chart of emission sources, and a static heatmap. The interface uses Plotly's `newPlot` API with tabbed navigation controlled by custom JavaScript functions, fetching data from two CSV files hosted on GitHub.

AI-generated description

MIT Licensed

Similar vizzes

Loading thumbnail…

Project 2

This dashboard visualizes global climate trends with three interactive tabs for temperature anomalies, CO₂ emissions, and their relationship. The temperature view uses a red line-and-marker scatter plot, while emissions appear as green bars over time, and the scatter plot shows purple markers correlating CO₂ with temperature. It loads its data from a GitHub-hosted CSV file. Built with D3 v7 for data loading and Plotly.js for chart rendering, the interface uses Tailwind CSS with tab-switching logic implemented in vanilla JavaScript.

Ddabbararakshitha@gmail.com

90% match

Loading thumbnail…

Project prototype v1

This interactive dashboard displays CO₂ emissions over time as a scatter plot, with each point colored by country using `d3.scaleOrdinal` and `d3.schemeCategory10`. A button toggles between the scatter plot and a world map rendered from an external SVG file. The scatter plot uses `d3.scaleLinear` scales and axes from `d3.axisBottom` and `d3.axisLeft`, while the map loads via `fetch` and applies randomly generated colors to regions. Data comes from a CSV file loaded with `d3.csv`.

BBrian Hulbert

74% match

Loading thumbnail…

CO2 emissions vs Year Project prototype v1

This interactive visualization toggles between a scatter plot of CO2 emissions over time and a world map. The scatter plot uses D3 scales and axes to render yearly emissions data from a CSV file, while the map displays a static SVG of world regions with randomly assigned colors. A React button switches between the two views.

BBrian Hulbert

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

71% match

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

71% match

Loading thumbnail…

Project Prototype round 3 v3

This interactive bar chart visualizes greenhouse gas (GHG) emissions trends for countries over time, ranked by cumulative emissions. A slider lets users scrub through years from 1990 to 2013, with bars transitioning to show each country’s annual and cumulative emissions. The visualization uses D3 v4 to dynamically filter and sort data from a CSV file, updating scales, axes, and groups via a general update pattern. Tooltips and labeled stems appear for selected years, highlighting the relationship between population, emissions, and ranking.

RRobertDelgado

71% match

Loading thumbnail…

Stunning viz

This interactive climate dashboard visualizes CO₂ emissions and temperature anomalies for ten major emitting countries, with bars color-coded from cyan to red by temperature anomaly. Hovering over a bar reveals detailed country data through a custom tooltip, while a statistics panel displays average temperature, maximum emissions, and total data points. Built with React 19 and D3.js 7, the visualization uses `scaleBand` and `scaleLinear` for axis scaling, `axisLeft` and `axisBottom` for grid and tick rendering, and smooth `transition().duration()` animations for the entrance effect. SVG rendering with glassmorphism styling and a gradient background completes the modern interface.

NNita

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

70% match