Radar Chart

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.

93% match

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.

88% match

Radar chart

A radar chart displays multiple series of data as colored polygons overlaid on a circular grid of axes, with each axis representing a category. Values are scaled relative to the dataset’s maximum, and percentage labels mark the grid levels. The code uses D3 v3 to build the SVG, calculating polygon points from trigonometric functions and animating fill opacity on mouseover. Grid lines, axis labels, and legends are drawn with `d3.select` and `append`, while color is assigned via `d3.scale.category10()`.

MMohamedZaki

81% match

Radar chart

A radar chart compares multiple quantitative variables on axes radiating from a common center. The code uses D3 v3 with SVG rendering and animation to plot one or more data series as filled polygons, with hover states that adjust fill opacity. Axis labels and percentage level markers are drawn using D3’s selection and append methods, while `d3.scale.category10` handles color encoding. The dataset is supplied inline, and the chart is rebuilt dynamically through a custom `RadarChart.draw` function.

MMohamedZaki

81% match

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.

Radar chart

This radar chart compares seven temperature-prediction models across thirteen weather-related axes, such as temperature averages, humidity, wind, and sunlight. Each colored polygon represents a model, with categorical axes radiating from the center and level markers indicating relative values, all rendered with SVG. The code builds the chart using D3 v3 APIs like `d3.scale.category10` for colors, `d3.max` and `d3.format` for scaling and labeling, and selections with `.append` and `.attr` to draw polygons, lines, and text, while mouseover interactions are only partially implemented.

Eeourm20

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`.

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.