Fork of project-Pie chart

100%

Fork of project-Pie chart

✓ Published0🌍 Public

Last edited Apr 26, 2023

Created on Apr 26, 2023

This pie chart shows the percentage of canceled hotel bookings by country, using a dataset loaded via d3.csv from a GitHub gist. It renders an SVG with a pie layout from d3.pie and d3.arc, coloring each slice with a scaleOrdinal mapping to a discrete palette. Labels display the percentage on each segment, and a legend lists countries alongside their values, all styled with CSS. The visualization relies on d3 v5, including d3.arc for concentric geometry and d3.format for axis text.

AI-generated description

MIT Licensed

Similar vizzes

Loading thumbnail…

project-Pie chart

This pie chart visualizes the percentage of canceled hotel bookings across different countries, with each slice labeled and a corresponding legend. The chart is rendered as an SVG using D3 v5, leveraging `pie` for arc generation, `arc` for path geometry, and `scaleOrdinal` for slice colors. Data is loaded asynchronously from a CSV file via `d3.csv` from a GitHub Gist, and the total cancellation percentage is computed before rendering.

Rrajasrilekkala

91% match

Loading thumbnail…

Fork of pie chart

A fork of a pie chart visualizes the share of agriculture in GDP for ten countries from a local CSV file. Each slice’s angle encodes the percentage value, with hover effects increasing slice opacity. The visualization uses D3.js v7’s `d3.pie`, `d3.arc`, and `d3.scaleOrdinal` with the Tableau10 color scheme. Country labels are positioned at slice centroids, and a legend clarifies the mapping between colors and country names with their percentages.

Kkoppulasudhakar03@gmail.com

82% match

Loading thumbnail…

Fork of Pie Chart Covid Proj Viz 3

This visualization shows the distribution of total COVID-19 cases across continents as a pie chart with an accompanying legend, using percentages derived from the total case count. The chart is built with D3 v5, employing `d3.pie` and `d3.arc` to generate the segments, and `d3.scaleOrdinal` for color mapping. Data is loaded via `d3.csv` from a GitHub-hosted dataset, and rendered as SVG with custom tick formatting and styled text labels inside each slice.

SSushmaNamidi@my.unt.edu

81% match

Loading thumbnail…

Fork of Pie Chart

This fork of a pie chart visualizes the latitude and longitude of country locations from a CSV dataset. The code uses d3.pie, d3.arc, and d3.scaleOrdinal with schemeCategory10 to create the SVG segments, while loading data via d3.csv. It also generates a legend with color swatches and labels, and tooltips log values on mouseover. The chart is built in a React project using d3 v5, rendering to an SVG element.

Ssnehareddygurram

81% match

Loading thumbnail…

Fork of Fork of Pie Chart

This example shows the distribution of extinct animal species by country using a pie chart, with a legend displaying each country’s name and its corresponding count. The visualization is built with D3 v5, using the `d3.pie` and `d3.arc` generators to compute and render the SVG paths, and `d3.scaleOrdinal` to assign colors to each country. Data is loaded asynchronously from a GitHub-hosted CSV via `d3.csv`. Each slice is labeled through a custom legend, and numeric values are formatted with `d3.format`.

SSumanya4

81% match

Loading thumbnail…

Fork of Pie Chart

This fork of a pie chart visualizes population distribution by continent using a categorical color scale and labeled slices. The D3.js code loads CSV data from a GitHub gist, applies `d3.pie` to compute arc angles, and renders the result as SVG paths with `d3.arc`. Text labels are positioned at each slice’s centroid using `arc.centroid`. The chart is centered within a fixed 500×500 SVG canvas, with white stroke separators between slices and a clean, bordered container styled by CSS.

Ssumanthpenna0221@gmail.com

81% match

Loading thumbnail…

Fork of Piechart ICE - 7 - DV

This pie chart visualizes the number of movies available in different countries, using a dataset from a raw GitHub CSV file. Each slice represents a country, colored via d3.scaleOrdinal, with labels displaying movie counts positioned using d3.arc.centroid. A legend lists countries and their values. The visualization is built with D3 v5 and rendered as SVG elements.

HHema1430

80% match

Loading thumbnail…

Fork of piechart

This fork of a pie chart visualizes Tokyo 2020 gold medal counts by country, displaying each nation’s share as a percentage label inside its slice. The chart loads CSV data via `d3.csv`, computes percentages, and renders SVG paths using `d3.pie()` and `d3.arc()`, with `d3.scaleOrdinal(d3.schemeCategory10)` for colors. A legend lists countries with their percentage values, while text elements with `tspan` lines show country names and percentages on each slice.

Kkirankumari26guj@gmail.com

80% match