[TEST] Pie Chart

100%

[TEST] Pie Chart

✓ Published3🌍 Public

Last edited Feb 20, 2020

Created on Feb 20, 2020

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.

AI-generated description

MIT Licensed

Similar vizzes

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

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

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

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

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

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

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

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

88% match