Fork of Project Momentum

100%

Fork of Project Momentum

✓ Published0🌍 Public

Last edited Mar 28, 2023

Created on Mar 28, 2023

This radial line chart displays monthly temperature anomalies for Massachusetts across two years, with each year drawn as a circular path. The visualization uses React with D3 v5 scales (`scaleTime`, `scaleLinear`, `scaleOrdinal`) to map dates to angles and anomaly values to radii. A color legend filters highlighted paths on hover, while `lineRadial` and `curveLinearClosed` generate the closed circular trajectories. Data originates from a CSV file containing 1895–1896 anomaly records, rendered as SVG elements.

AI-generated description

Plotted anomaly temperature radially and displayed the months radially.

Alignment of the temperature and the months looks off and they are not centerred properly. Will be fixing this and making rest of the changes in the next update.

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

Referred following code from following - https://vizhub.com/Echo226/40f6502388de4c4d8e985fffbff1d23e?edit=files https://vizhub.com/curran/0eecf121b8724637b33d9fb35fe3622d?edit=files&file=index.js

MIT Licensed

Similar vizzes

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

93% match

Loading thumbnail…

Fork of Radar Chart

This fork of a radar chart displays monthly average temperature anomalies for Massachusetts from 1895 to 1908. The visualization combines a focus chart with a context chart, allowing users to explore yearly patterns through a dropdown menu that selects specific years. The code uses React for the UI components, D3.js for data parsing and visualization, and d3.csv to load the Temperature.csv dataset. The chart renders temperature anomaly values across months, with an interactive menu providing year selection.

Kkratikashetty1102@gmail.com

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

84% match

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

83% match

Loading thumbnail…

Monthly Average Temperature Anomalies - Update 4

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.

Kkratikashetty1102@gmail.com

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

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

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

81% match