Fork of [TEST] Pie Chart

100%

Fork of [TEST] Pie Chart

✓ Published0🌍 Public

Last edited Mar 27, 2024

Created on Mar 27, 2024

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.

AI-generated description

MIT Licensed

Similar vizzes

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

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

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

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

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

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

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

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