Skip to main content
SimilarExport ZIP
100%

Double circular barplot

✓ Published0🌍 Public
Yyungchiau
Last edited Jan 22, 2022
Created on Jan 22, 2022
Forked from Untitled

A double circular barplot displays two related data series around a ring, with categories arranged radially and bar lengths extending outward. The first series, rendered in teal, uses a radial scale from an inner radius, while the second series, in blue, spans between two radial scales to show a range. The visualization reads data from a CSV and uses D3 v6 with `d3.scaleBand` for angular positioning, `d3.scaleRadial` for radii, and `d3.arc` to draw the bars as SVG paths. Category labels rotate around the chart for readability.

AI-generated description

Double circular barplot.

MIT Licensed

Similar vizzes

Loading thumbnail…

Double circular barplot 1.0

A double circular barplot displays two radial series around a shared ring: teal bars show outer values from a CSV dataset, while red bars represent a second series drawn inward from the same angular positions. The visualization uses d3.v4 with the `d3-scale-radial` library, employing `d3.arc` for annular segments and `d3.scaleBand` for angular positioning. Labels rotate around the circle with text anchoring adjusted for readability. Data comes from a CSV file containing country names and numeric measurements.

EEline000
92% match
Loading thumbnail…

Double circular barplot 2.0

This radial chart visualizes two circular barplot series around a shared axis, comparing country-level statistics with values that can extend above or below the baseline. The outer bars use a radial scale with an inner radius of 90 and an outer radius reaching half the SVG dimension, while an inner set of bars uses a reversed scale that shrinks toward the center. Data comes from `data.csv` and is drawn as SVG arcs using `d3.arc` with a band scale for angular positioning and custom label rotation. The code relies on the `d3-scale-radial.js` helper library alongside d3.v4.

EEline000
87% match
Loading thumbnail…

Untitled

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.

WW9183907
78% match
Loading thumbnail…

circular barplot

This circular barplot visualizes the frequency of different music genres from a JSON dataset. Each genre is represented as a colored arc segment, with the radial length of each bar proportional to its quantity, and labels are rotated around the perimeter. Built with D3 v7, the visualization uses `d3.scaleBand` for angular positioning, `d3.scaleRadial` for bar lengths, and D3's `arc` function to draw the curved bars. The SVG output centers the chart with a donut-like hole and applies conditional text rotation for label readability.

PPLD3508A
77% 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
76% 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
76% 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
75% 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
75% match