Fork of [TEST] Pie Chart

100%

Fork of [TEST] Pie Chart

✓ Published0🌍 Public

Last edited Mar 23, 2022

Created on Mar 23, 2022

This example shows a pie chart of credit rating categories, where each segment’s size corresponds to a percentage value and is encoded with a distinct ordinal color. The chart renders as an SVG using D3 v5, with `pie()` comouting the arc angles and `arc()` generating the segment paths. A legend on the right lists each label with its formatted percentage, sourced from `data.json`. The code uses `scaleOrdinal` for color mapping, `json()` for asynchronous data loading, and `format` for tick-label precision.

AI-generated description

MIT Licensed

Similar vizzes

Loading thumbnail…

Fork of [TEST] Pie Chart

This pie chart displays the percentage distribution of local and international credit ratings, with slices sized proportionally to each category’s value. The chart is rendered as an SVG using D3 v5’s `pie`, `arc`, and `scaleOrdinal` APIs, with data loaded from a JSON file and values converted from strings to numbers. Each slice is colored via an ordinal scale, and a legend lists the rating labels alongside their formatted percentages.

SSonuSriN

91% match

Loading thumbnail…

Fork of [TEST] Pie Chart

A pie chart displays the percentage distribution of credit rating categories, with "AAA Local" dominating at 73.2% and other categories ranging from 2.2% to 8.3%. The SVG visualization uses D3 v5 APIs including `d3.pie` and `d3.arc` to generate the pie segments, while `d3.scaleOrdinal` maps a custom color palette to each category. A legend on the right pairs each color swatch with its label and numeric value, sourced from a JSON file where string values are converted to numbers before rendering.

MMarcelo

91% match

Loading thumbnail…

Fork of [TEST] Pie Chart

A pie chart displays the distribution of credit ratings, with the dominant "AAA Local" category at 73.2%. The chart uses D3 v5's `pie`, `arc`, and `scaleOrdinal` APIs to generate SVG paths, with a legend showing each label and its corresponding percentage. Data is loaded from a JSON file and formatted with `d3.format` for the legend values.

Aaniosindustries

90% match

Loading thumbnail…

Fork of [TEST] Pie Chart

This donut chart visualizes credit rating distributions, with categories like "AAA Local" and "BBB- Internacional" shown as proportional arc segments. The D3 v5 code uses `pie()` to compute arc data, `arc()` for path geometry, and `scaleOrdinal()` for the color palette. A legend maps labels and percentage values, rendered via SVG rects and text elements, while data is loaded asynchronously from a JSON file using `json()`.

Ggopiganta

90% match

Loading thumbnail…

Fork of [TEST] Pie Chart

This pie chart displays the distribution of credit ratings from a dataset of local and international categories, with most of the chart occupied by the "AAA Local" segment at 73.2%. The visualization uses D3 v5 to load the data via `d3.json`, then applies the `d3.pie` and `d3.arc` functions to generate SVG path segments. A `d3.scaleOrdinal` assigns a categorical color palette to each slice, while a legend on the right lists labels and their corresponding percentage values, formatted with `d3.format`. The chart is rendered entirely with SVG elements, including colored rectangles and text for the legend.

Ssujitrayudu01@gmail.com

90% match

Loading thumbnail…

[TEST] Pie Chart

This pie chart displays the distribution of credit ratings, with values ranging from 0% to 73.2%, using a static SVG rendering. The chart uses d3.pie and d3.arc to generate the segments, with d3.scaleOrdinal assigning colors from a custom palette. A legend, built with SVG rectangles and text elements, lists each rating label alongside its numeric percentage. Data is loaded from a JSON file via d3.json, with string values converted to numbers before the chart is rendered. The visualization includes a tooltip that logs data values to the console on mouseover.

Mmbehiry-CW

89% match

Loading thumbnail…

Fork of [TEST] Pie Chart

A pie chart displays the percentage distribution of credit rating categories, with "AAA Local" dominating at 73.2% and most values (such as "A Internacional" and "Otros") at 0.0%. Built with d3.v5, the visualization uses `pie()` and `arc()` to generate the sectors, `scaleOrdinal()` for the color scheme, and appends a legend that pairs labels with their corresponding percentages. The SVG renders the chart at 960×500 pixels, with segments positioned at (250,250) and an outer radius of 175.

RRohit-2710

89% match

Loading thumbnail…

Fork of [TEST] Pie Chart

This visualization presents a pie chart that breaks down a rating distribution into categories such as "AAA Local," "AA+ Local," and "BBB- Internacional," with data loaded from an external JSON file. The chart uses D3.js version 5, specifically employing the `pie`, `arc`, and `scaleOrdinal` functions from the D3 API to calculate arc segments and assign a custom color palette. A legend, positioned to the right, displays each category label and its corresponding percentage value. The SVG output is rendered on a 960x500 canvas, with each slice's proportion determined by the numeric `value` field in the data.

Pprudhvi

88% match