Skip to main content
SimilarExport ZIP
100%

[TEST] Pie Chart

✓ Published34🌍 Public
PPabloReyesBetanzo
Last edited Nov 20, 2018
Created on Nov 5, 2018
Forked from Making a Bar Chart

This pie chart displays the distribution of credit rating categories, sourced from local and international classifications, with "AAA Local" dominating at over 73%. Built with D3 v5, it uses the `pie` and `arc` APIs to generate SVG paths with an ordinal color scale. A legend, created with `scaleOrdinal`, lists each label and its corresponding percentage, formatted using `format`. The chart is rendered from `data.json`, with values converted to numbers before plotting.

AI-generated description
MIT Licensed

Similar vizzes

Loading thumbnail…

[TEST] Pie Chart

This test pie chart demonstrates the proportional breakdown of credit rating categories, with "AAA Local" dominating the visualization. The chart renders as a standard donut without labels on the slices themselves, instead using a legend on the right to identify each category and its corresponding percentage. Built with D3 v5, the code uses `d3.pie`, `d3.arc`, and `d3.scaleOrdinal` to transform the JSON data into SVG path segments, while `d3.format` handles the numeric tick formatting for the legend values.

YYoram
94% 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
94% 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
93% 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
93% 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
93% 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
91% 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 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