Skip to main content
SimilarExport ZIP
100%

Project 2

✓ Published0🌍 Public
Ddabbararakshitha@gmail.com
Last edited Apr 18, 2025
Created on Apr 18, 2025
Forked from Hello VizHub

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.

AI-generated description
MIT Licensed

Similar vizzes

Loading thumbnail…

Project 2

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.

Ddabbararakshitha@gmail.com
90% match
Loading thumbnail…

line chart

This interactive line chart visualizes global temperature anomalies over time. It plots yearly temperature anomaly data from Berkeley Earth, sourced through Our World in Data, with red markers and lines. The visualization uses Plotly's `newPlot` API to render the chart within an HTML dashboard, while the data is loaded and parsed using `d3.csv` with `d3.autoType`. The page is styled with Tailwind CSS.

Ddabbararakshitha@gmail.com
78% 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
77% 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
76% 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
76% 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…

sample 2

This scatter plot visualizes global warming trends by plotting annual temperature anomalies against years. The code loads a CSV dataset from a GitHub repository, converts the year and temperature strings to numbers, and renders them as semi-transparent steelblue circles. It uses D3 v7’s `scaleLinear`, `d3.extent`, `d3.axisBottom`, and `d3.axisLeft` to map data to SVG coordinates and draw axes. The resulting chart highlights the relationship between time and temperature change, with labeled axes for year and temperature in degrees Celsius.

YYeshwanth963@gmail.com
75% match
Loading thumbnail…

CO2 Emissions Over Time

This interactive SVG chart visualizes three climate indicators—CO2 levels, temperature anomaly, and sea-level rise—over time from a remote CSV dataset. The chart uses a linear time axis on the x-axis and a single shared y-axis for all three metrics. Built with D3.js, the code loads the data via `d3.csv`, processes the parsed values, and renders axes using `scaleLinear`, `axisBottom`, and `axisLeft`. The visualization employs a common vertical scale to accommodate the differing ranges of the three variables, with axes and ticks formatted appropriately.

Ssrisailapu.rc@gmail.com
75% match