Untitled

100%

✓ Published1🌍 Public

Last edited May 26, 2020

Created on May 24, 2020

This radial bar chart shows the distribution of values for 100 kilometers, with two series overlaid to compare data from the left and right lanes. The chart uses a circular layout where each segment represents a kilometer, and the two bars for each category are drawn as arcs at different radii. The visualization is built with the d3.js v4 library, using `d3.scaleBand` for the angular axis and `d3.scaleRadial` for the radial values. The chart is rendered as an SVG, loading data from a CSV file.

AI-generated description

React Starter code.

MIT Licensed

Similar vizzes

Loading thumbnail…

Untitled

This radial bar chart displays the values of a single numeric variable for each country in a dataset loaded from a CSV file. Each bar extends outward from a central inner radius, with its length proportional to the country’s value, and labels are rotated around the circle for readability. The visualization uses d3.scaleBand for angular positions, d3.scaleRadial for radial distances, and d3.arc to draw the bar segments as SVG paths. The chart is rendered in an SVG container, with margins and dimensions defined in the script.

AAnissa Belkelfa

87% match

Loading thumbnail…

Untitled

This radial bar chart displays the distribution of sea surface temperatures across different climate classes, with each colored band extending outward from a central donut. The chart uses D3.js v6 with SVG rendering and React, loading CSV data from a GitHub gist. The code employs d3.scaleBand for angular positioning and d3.scaleRadial for radius values, while d3.arc constructs the annular bars with padded gaps. Labels are rotated and positioned around the perimeter, with text anchors adjusted to maintain readability. The inner radius is fixed at 90, and the outer radius scales up to the maximum data value of 39,999.

Yyungchiau

85% match

Loading thumbnail…

Fork of Untitled

This radial bar chart compares data across Chinese provinces, plotting two series per category as concentric arcs. The green outer bars show “OurData” values, while red inner bars represent “ActualData” for each province, with labels rotated around the circle for readability. Built with D3 v4, it uses `d3.scaleBand` for the angular axis, `d3.scaleRadial` for the radius, and `d3.arc` to generate the SVG paths. The data originates from a local file with province names and paired value/rate fields.

NNarayana Reddy

80% match

Loading thumbnail…

Radial Double Bar Chart

This radial double bar chart visualizes two columns of roadway accident data, comparing inner and outer ring values across 109 kilometer markers. D3 v4 draws the data as SVG arcs using `d3.arc` and `d3.scaleBand`, with separate linear scales for each ring and a color ordinal scale distinguishing the two categories. The chart includes concentric grid circles, dashed mean-value lines, and tick labels generated with `d3.ticks`. A legend identifies the inner and outer sides, while axis labels rotate around the ring for readability.

KKoGor

80% match

Loading thumbnail…

Radial Opposing Stacked Bar Chart II

A radial opposing stacked bar chart displays four data columns from a CSV file, with the circular axis divided into 109 segments representing kilometers of a road. The chart uses opposing bars extending outward and inward from a central ring to compare two categories (nonlethal and lethal accidents) across two lanes. Built with d3.v4, it renders via SVG paths using `d3.arc` and `d3.stack` with a custom offset function. The visualization includes a legend, tick labels, and Russian-language labels for the plotted data.

KKoGor

80% match

Loading thumbnail…

Radial Opposing Stacked Bar Chart I

A radial opposing stacked bar chart displays two data columns as arcs extending outward from a shared center, with one category drawn in the opposite direction from the other. The visualization uses d3.stack with a custom stackOffsetOpposing function to align the opposing bars, and d3.arc to render the annular segments. Data comes from a CSV file containing mileage markers and accident counts for two road sides. The chart includes circular gridlines via d3.ticks, rotated labels, and a legend, all rendered as SVG using d3.v4.

KKoGor

79% match

Loading thumbnail…

Untitled

A nested bar chart displays the distribution of three values across two groups and three categories. The visualization uses D3 v3’s ordinal scales (`d3.scale.ordinal`) and linear scale (`d3.scale.linear`) to position bars, with SVG rendering. Data is loaded from CSV (`data.csv`) and structured via `d3.nest` into hierarchical group and category levels. Axes are drawn with `d3.svg.axis`, and nested `<g>` elements group bars by group and category.

Mmab3105

79% match

Loading thumbnail…

Double Radial Opposing Stacked Bar Chart

Two concentric rings of stacked bar segments show accident counts on a road, with the inner ring representing one day type and the outer ring another. Each segment’s arc length encodes a kilometer marker, while the radial extent shows the count for either the left or right lane, with the two lanes stacked in opposite directions from a central baseline. Built with D3 v4, the chart uses `d3.scaleBand` for angular positions, `d3.stack` with a custom opposing offset, and `d3.arc` for the ring geometry, rendering all elements as SVG. Data comes from a CSV file with columns for kilometer, holiday flag, and lane counts.

KKoGor

79% match