Skip to main content
SimilarExport ZIP
100%

Radial Scatter Plot

✓ Published0🌍 Public
BBadisheng
Last edited Apr 3, 2021
Created on Apr 3, 2021
Forked from Rose Wind Plot

This radial scatter plot displays wind speed and direction data as colored points arranged in a circular layout around a central axis. Each dot represents an observation, with its angular position indicating wind direction and radial distance encoding value magnitude. Using d3.svg.line.radial for coordinate transformation, the visualization places circles via SVG transforms while d3.scale.linear maps values to radius. The code imports d3-scale-radial.js and d3.scale.category20 for point coloring, rendering a polar coordinate system with concentric grid circles and directional tick marks against a clean white background.

AI-generated description

The original code comes from ssmaroju's Block Wind Rose Plot

MIT Licensed

Similar vizzes

Loading thumbnail…

Wind chart

A circular wind rose chart visualizes directional wind speed data as stacked radial bars around a central point, with each bar segment colored by speed category and labeled around the perimeter. Built with D3 v5, the visualization uses `d3.arc()` for the radial segments, `d3.scaleBand()` for angular positioning, and `d3.stack()` to layer the speed components. The data originates from the Data Canvas - Sense Your City project. A legend and circular grid lines with radial axis ticks support interpretation of the magnitude and direction of the wind measurements.

Aask4jm
81% match
Loading thumbnail…

daily_qa_trial

This radial bar chart displays wind speed and direction data from a CSV file, with eight color-coded speed bins arranged around a compass. D3.js (v6) and the custom `d3-scale-radial.js` library convert linear scales to radial distances for the stacked bars. The chart uses `d3.stack()`, `d3.arc()`, and `d3.scaleBand()` to render the segments, with angular labels and concentric circular gridlines showing frequency values. A legend identifies the speed ranges, and the SVG output includes accessible text elements.

Mmauricio-acosta-reyes
78% match
Loading thumbnail…

Fork of Rose Wind Plot

This example visualizes wind speed and direction as a radial stacked bar chart, or wind rose, with each of the 16 compass directions represented by an angular segment. The colored bars show the proportional distribution of wind speeds across eight magnitude bins, while circular gridlines and axis ticks indicate the scale. The visualization is built with D3 v6, using `d3.stack` to structure the data, `d3.arc` to generate the SVG paths, and a custom `scaleRadial` implementation from d3-scale-radial.js for the radial axis. Data is loaded from a CSV file specifying wind frequency per direction and speed class.

Yyingzhe-z
78% match
Loading thumbnail…

Fork of Rose Wind Plot

This example visualizes wind speed and direction as a radial stacked bar chart, or wind rose, with each of the 16 compass directions represented by an angular segment. The colored bars show the proportional distribution of wind speeds across eight magnitude bins, while circular gridlines and axis ticks indicate the scale. The visualization is built with D3 v6, using `d3.stack` to structure the data, `d3.arc` to generate the SVG paths, and a custom `scaleRadial` implementation from d3-scale-radial.js for the radial axis. Data is loaded from a CSV file specifying wind frequency per direction and speed class.

Yyingzhe-z
78% match
Loading thumbnail…

Fork of Rose Wind Plot

A radial stacked bar chart displays wind speed distribution across compass directions, with each direction divided into wind speed bins colored from blue to red. The circular layout uses a custom `scaleRadial` scale built on `d3-scale` to map data values to radial distances. The `d3.csv` function loads the dataset, `d3.stack()` layers the speed categories, and `d3.arc()` renders the annular segments. Concentric dashed circles show frequency values, while angled labels and a legend identify directions and speed ranges. The SVG output is generated entirely through D3 v6 APIs.

Mmauricio-acosta-reyes
77% match
Loading thumbnail…

Wind Rose Starter Playtime

This wind rose visualizes wind speed and direction using stacked radial bars. The wind speed bins are shown as colored segments, with direction labels placed around the circular plot. The code uses `d3.arc()` for the bar geometry, `d3.stack()` to layer the speed categories, and `d3.scaleOrdinal` for color mapping. Data comes from a CSV file, with circular grid lines drawn via `d3.axisLeft`. The custom `d3-scale-radial.js` library is included but the main visualization uses standard linear scales for radius.

AAndre J Denais
77% match
Loading thumbnail…

Fork of Rose Wind Plot-myViz

This D3.js (v6) visualization is a radial or "rose" wind plot that displays the frequency of wind speeds across sixteen compass directions. Using SVG rendering, it encodes the magnitude of each wind speed range as the radial length of a colored ring segment, with a color gradient from blue to red representing increasing speed. The chart includes a legend, radial axis circles, and direction labels. It relies on D3's `scaleLinear`, `scaleBand`, `scaleOrdinal`, and `arc` APIs to construct the polar coordinates, while also incorporating a custom radial scale from Mike Bostock's example. Data is loaded from a CSV file.

LLearning Monk
76% match
Loading thumbnail…

Fork of Rose Wind Plot

A radial wind rose chart displays wind speed and direction data from a CSV file, using a circular layout where each of the compass directions forms a segment whose length corresponds to wind speed. The chart uses stacked bars colored by speed range from blue to red, with the data loaded via `d3.csv`. The implementation combines D3's `scaleLinear`, `scaleBand`, and `scaleOrdinal` with a custom `radial` scale function that applies a square-root transformation to map linear data onto a circular radius. Angular axes and concentric circular gridlines are generated using `axisLeft` with a transformed radius scale, while the chart is rendered as SVG.

AAndres de la Garza
76% match