Skip to main content
SimilarExport ZIP
100%

line chart

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

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.

AI-generated description
MIT Licensed

Similar vizzes

Loading thumbnail…

Line Chart Global Temperature

This line chart visualizes global average temperature trends over time, plotting temperature values against yearly dates. The visualization uses D3.js v7 with an SVG rendering approach, employing `d3.scaleTime` and `d3.scaleLinear` for axes and a `d3.line` generator to create the orange trend line. Data is loaded remotely from a GitHub-hosted CSV file containing cleaned temperature records, with the code handling missing or empty data through error messages. The chart includes labeled axes, a legend, and a clean white background with subtle shadow styling.

Sshabanasyed2266@gmail.com
81% match
Loading thumbnail…

Global Climate Temperature Trends

This interactive visualization displays global temperature anomalies from 1880 to 2020, with data relative to the 20th-century average. Users can toggle between line and area chart views, adjust line smoothing with d3.curveLinear, curveMonotoneX, or curveBasis, and filter by decade through a button panel. Hover tooltips reveal year-specific values, while a statistics sidebar calculates trends, volatility, and range using linear regression. The visualization uses D3.js v7 scales and axes within a React framework, with data loaded from a CSV file.

NNita
78% match
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
78% match
Loading thumbnail…

Area Chart of Global Temperatures

This area chart visualizes global temperature anomalies over time, with the y-axis representing temperature anomaly in degrees Celsius and the x-axis showing the year. The visualization uses D3.js version 7 to generate the SVG rendering, employing the `.area()` API to create the filled area and adding interactive tooltips through circle elements that respond to mouseover events, displaying year and temperature values for each data point.

AAreeba Hassan
76% match
Loading thumbnail…

Line Chart with Multiple Lines

This line chart visualizes daily surface air temperature data, colored by year, with the year 2024 highlighted in red. Each line represents a year’s temperature variation over the day of the year, using a plasma color scale for other years. The visualization relies on `d3.scaleLinear`, `d3.extent`, and `d3.flatGroup` from the D3 library to group data and map values. Axes and labels are generated via `@curran/responsive-axes`, while the chart updates responsively using `observeResize`.

CCurran Kelleher
76% match
Loading thumbnail…

Line chart

This line chart visualizes daily mean temperature changes over time, with the x-axis representing days and the y-axis showing mean temperature in degrees. The visualization uses D3 v5’s `scaleTime`, `scaleLinear`, `axisBottom`, `axisLeft`, and `line` APIs to render an SVG path with red strokes. Data is loaded from a CSV file via `d3.csv`, and dates are parsed with `d3.timeParse`. Grid lines are drawn using tick sizes, and axis labels are added manually within the SVG.

KKishen Patel
76% match
Loading thumbnail…

Temperature over time

This chart shows daily global surface temperatures from 1940 to 2024, with one line per year plotted against the day of the year. The most recent two years stand out in bright colors—2024 in blue and 2023 in pink—while earlier years appear as faint white lines, revealing long-term warming trends. The visualization uses the Svelte framework and the d3 library’s `line`, `scaleLinear`, and `curveCatmullRom` APIs to render SVG paths. Data comes from Climate Reanalyzer, with opacity scaled by year to emphasize the latest records.

CCamie DeCovich
76% match
Loading thumbnail…

Line Chart

This line chart visualizes January temperatures in the United States from 1895 to 2023, using data from NOAA’s Climate at a Glance dataset. It plots temperature in degrees Fahrenheit against time, revealing long-term trends and yearly fluctuations. The visualization is built with D3 v7, using `scaleTime` and `scaleLinear` for axes, `line` to generate the path, and `scaleLinear` for the y-axis, with data loaded via `csvParse`.

IIshaChid76
75% match