Skip to main content
SimilarExport ZIP
100%

Fork for country and budget

✓ Published0🌍 Public
RRakshithaRao27
Last edited Mar 27, 2022
Created on Mar 27, 2022
Forked from Pie Chart

This visualization shows the 2012 budget allocations for various countries as a donut chart, with each segment labeled with its value in thousands and a corresponding legend. The chart uses d3.pie and d3.arc to generate the ring geometry, with d3.scaleOrdinal mapping categorical colors to the data. Data is loaded from a CSV file via d3.csv, and d3.format is used to abbreviate the numeric labels. The SVG rendering includes explicit text positioning through the arc centroid, and legends are appended with rectangles and text.

AI-generated description
MIT Licensed

Similar vizzes

Loading thumbnail…

Fork for country and budget

This is a D3.js v5 pie chart built with SVG, visualizing country budgets for 2012. The chart uses `d3.pie` to compute arc segments and `d3.arc` to generate the path geometry, with each slice colored using `d3.scaleOrdinal`. The visualization includes a legend showing each country name and its budget value in thousands, with the data loaded from a CSV file using `d3.csv`. The code also uses `d3.select` to target the SVG element and `d3.format` for tick labels.

PPallaviManupati
90% match
Loading thumbnail…

Fork of Fork of PIE CHART

This example visualizes country-level data over time as a multi-line chart, with each line representing a country’s values across a series of years. The chart is rendered in SVG using D3 v7, fetching data from a CSV file via `d3.csv`. It employs `d3.scaleLinear` for both axes, `d3.line` to generate the paths, and `d3.axisBottom` and `d3.axisLeft` for tick marks, with rotated x-axis labels for readability. Each country’s line is colored using `d3.schemeCategory10`.

Mmukundakrishna.r@gmail.com
78% match
Loading thumbnail…

Fork of Script Test

This pie chart displays the top 10 countries by GDP per capita in 2007, using a donut-style presentation with a color-coded legend. The visualization loads data from a CSV file via `d3.csv` and renders SVG paths using `d3.pie` and `d3.arc`. It employs `d3.scaleOrdinal` for color assignment and `d3.format` to display percentage values and abbreviated monetary figures in the legend.

Ppavan vasamsetti
78% match
Loading thumbnail…

Fork of Donut Chart v2

This donut chart displays proportional data from a JSON file (data.json) with country names and numeric sums, rendered as an SVG using D3.js v4. The visualization uses a pie layout with a half-radius inner hole and divergent color scheme from d3-scale-chromatic. Labels are positioned outside the arcs using polyline connectors and text elements, with the arc generator determining slice geometry and outerArc handling label placement. The example demonstrates D3’s modular approach to building interactive, data-driven graphics.

MMaeva B
78% match
Loading thumbnail…

Fork of Fork of countries

This example displays a pie chart of sales records, with each slice representing data grouped by country. The visualization renders using SVG and reads its data from a CSV file hosted online via `d3.csv`. The code uses `d3.pie`, `d3.arc`, and `d3.scaleOrdinal` to generate the slices and assign colors to each segment. Each slice is labeled with its value, and a legend is drawn on the right side. The chart is generated by fetching data with `d3.csv` from a provided URL, then iterating through the records to sum the `orderdate` values for the total.

NNaimisha-M
78% match
Loading thumbnail…

Fork of Pie chart

This fork of a D3 pie chart visualizes the top 10 countries in the world for 2022, using an interactive, animated donut chart rendered as SVG. The chart segments expand on mouse hover and, upon clicking, drill down to reveal a nested second-level breakdown based on additional data attributes. Built with D3 v2 and jQuery, the visualization uses `d3.layout.pie`, `d3.svg.arc` with inner and outer radii, and `transition.attrTween` for smooth entry animations, while handling color assignments via a categorical ordinal scale.

MMalempatiSaranya
77% match
Loading thumbnail…

Fork of Fork of Fork to pie chart

This example shows a basic line chart that tracks basic cost across countries, with each country evenly spaced along the x-axis and the cost value plotted on the y-axis. It uses d3.csv to load data from data.csv, then defines scales with d3.scaleBand and d3.scaleLinear to map the data to positions. The line is drawn using the d3.line generator, and the chart includes rotated x-axis tick labels and axis titles for clarity. The visualization is rendered as an SVG within an HTML page using D3 v7.

VVarshika Gummakonda
76% match
Loading thumbnail…

Fork of Pie Chart

This example presents a monthly expenditures dataset as a pie chart, with each slice labeled by department and accompanied by a legend listing exact dollar amounts. Built with D3 v5, the visualization uses `d3.pie()` and `d3.arc()` to generate the slices, `d3.scaleOrdinal` for color mapping, and SVG `<path>` elements for rendering. Data is loaded asynchronously from a CSV URL via `d3.csv`, and the legend is constructed with appended rectangles and text elements.

BBala Sai Krishna
76% match