Fork of [TEST] Pie Chart

100%

Fork of [TEST] Pie Chart

✓ Published0🌍 Public

Last edited Mar 23, 2022

Created on Mar 23, 2022

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()`.

AI-generated description

MIT Licensed

Similar vizzes

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

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

92% 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

92% match

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

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 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

91% match

Loading thumbnail…

[TEST] Pie 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.

PPabloReyesBetanzo

90% match

Loading thumbnail…

Fork of [TEST] Pie Chart

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.

Aaashrithd4

90% match

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

90% match