Skip to main content
SimilarExport ZIP
100%

Monthly Average Temperature Anomalies - Update 4

✓ Published1🌍 Public
Kkratikashetty1102@gmail.com
Last edited Apr 28, 2023
Created on Apr 13, 2023

This radial plot displays monthly average temperature anomalies for Massachusetts from 1895 onward. A dropdown menu filters the data by year, and each month is positioned along the circular axis with its radial distance representing the anomaly value. The visualization uses `d3.lineRadial` and `d3.pointRadial` to construct the line and points, with a sequential color scale applied to the stroke. Data comes from a local CSV file, and the plot is rendered as SVG with interactivity via tooltips and a D3-based menu.

AI-generated description

Tried to display the line across the plot from red to blue colors based on Anomaly Temperature in this iteration. But I was facing issues with this. I will be fixing this in the next update. And I will also try to plot the Anomalies across massachusetts state. I will also try to include animations in this current visualisation.

Took subset of data for the year 1895 and 1896 from - https://gist.githubusercontent.com/kratikashetty/45ef4d800b82dc4d9d486991714701cd/raw/1d63cc36842926ceec927f09e3e8a3b6a3f5c5bd/1895-2022%2520Massachusetts%2520Test.csv

MIT Licensed

Similar vizzes

Loading thumbnail…

Monthly Average Temperature Anomalies - Update 3

A radial line chart displays monthly average temperature anomalies for Massachusetts in 1895 and 1896, with a dropdown menu to switch between years. Each month appears as a point on a circular axis, and hovering reveals the exact temperature and month. The visualization uses D3 v7’s `scaleTime`, `scaleLinear`, `lineRadial`, and `pointRadial` to position data radially, with tooltips and a menu built from custom D3 modules. Data comes from a CSV file containing monthly temperature values and anomalies for the state.

Kkratikashetty1102@gmail.com
96% match
Loading thumbnail…

Monthly Average Temperature Anomalies

A radial time-series chart displays monthly average temperature anomalies for Massachusetts across selectable years. Each month is positioned around a circular axis, with the anomaly value plotted as the radial distance from the center, forming a closed loop. A dropdown menu allows switching between years. The visualization uses D3 v7 APIs including `scaleTime`, `scaleLinear`, `lineRadial`, and `scaleOrdinal`, rendering to SVG. The data is sourced from a CSV file containing monthly temperature records for 1895 and 1896.

Kkratikashetty1102@gmail.com
94% match
Loading thumbnail…

Monthly Average Temperature Anomalies

This radial plot displays monthly temperature anomalies for Massachusetts, measured as deviations from a baseline, for a selected year. Each point represents one month, positioned by its date along a circular time axis and by its anomaly value from the center, with a color scale ranging from blue (negative anomaly) to red (positive anomaly). The tooltip and slider menu allow year selection. The visualization is built with D3 v7 using `scaleTime` for the angular axis, `scaleLinear` for the radial axis, `lineRadial` to connect the data points, and `interpolateRdBu` for the color mapping, all rendered as SVG within React.

Kkratikashetty1102@gmail.com
93% match
Loading thumbnail…

Fork of Monthly Average Temperature Anomalies

This radial plot shows monthly average temperature anomalies for Massachusetts in 1895 and 1896, with each month positioned around a circle and the anomaly value plotted as the distance from the center. A dropdown menu lets the viewer switch between the two years. The visualization uses d3.scaleBand and d3.lineRadial to position and draw the data, with d3.scaleOrdinal for coloring and d3.axisLeft for the circular grid lines. Temperature data comes from a local CSV file.

Kkratikashetty1102@gmail.com
93% match
Loading thumbnail…

Radar Chart

This radar chart displays monthly average temperature anomalies for Massachusetts, using a circular layout where months are plotted around the circumference and anomalies extend from the center. Users can select a year via a range slider to update the visualization. Built with D3 v7 and React, the chart uses `scaleTime` for the angular axis and `scaleLinear` for the radial distance, with a color gradient from red to blue indicating anomaly magnitude. Data comes from a CSV file containing temperature records from 1895 onward.

Kkratikashetty1102@gmail.com
85% match
Loading thumbnail…

Fork of Radar Chart

This radial chart displays monthly temperature anomalies for Massachusetts from 1895 onward, with a slider to select a specific year. Each point represents a month’s deviation from the historical average, colored along a blue-to-red diverging scale. The chart uses a D3 v7 radial line generator (`d3.lineRadial`) with a time scale for angles and a linear scale for radii, rendered as SVG. Data comes from a local CSV parsed with `d3.csv` and `d3.timeParse`.

Wwillapolman@gmail.com
84% match
Loading thumbnail…

Fork of Radar Chart

This radar chart displays monthly average temperature anomalies for Massachusetts from 1895 to 2022, with a slider to select the year. A radial time scale maps months around the circle, while a linear scale maps anomaly values to radii, using color to encode temperature differences. The visualization is built with React and D3 v7, using `d3.scaleTime`, `d3.scaleLinear`, `d3.lineRadial`, and `d3.scaleSequential` with an interpolating color scheme. Data is loaded from a CSV file and rendered as SVG paths and points.

Sste.jendritz@gmail.com
83% match
Loading thumbnail…

Project Momentum

This radial visualization compares monthly temperature anomalies for two years (1895 and 1896) in Massachusetts. The plot encodes months along the angular axis and anomaly values along the radial axis, with year represented by color (orange for one year, teal for the other). Built with React and D3 v5, it uses `scaleTime` for the angle scale, `scaleLinear` for the radius, `lineRadial` with `curveLinearClosed` for the circular path, and `scaleOrdinal` for coloring. A color legend allows hovering to highlight one year’s data while fading the other. Data comes from a CSV file loaded via `d3.csv`.

Kkratikashetty1102@gmail.com
82% match