Skip to main content
SimilarExport ZIP
100%

Double circular barplot 1.0

✓ Published0🌍 Public
EEline000
Last edited May 28, 2020
Created on May 28, 2020

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.

AI-generated description
MIT Licensed

Similar vizzes

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
92% match
Loading thumbnail…

Double circular barplot

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.

Yyungchiau
92% match
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
80% 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
76% match
Loading thumbnail…

Circular Braplot 2013

A circular bar plot displays percentage changes for 28 Dutch societal indicators from 2013, with bars extending outward from a central axis to show positive or negative values. Built with D3.js v4, the visualization uses `d3.scaleBand` for angular positioning and `d3.scaleRadial` for bar lengths, while `d3.arc` generates the annular bar shapes. Labels are rotated around the circumference using trigonometric calculations. The chart reads from a CSV file containing indicator names and their corresponding percentage changes.

EEline000
76% 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
76% 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