Activity_9-pie chart

100%

Activity_9-pie chart

✓ Published0🌍 Public

Last edited Apr 21, 2024

Created on Apr 20, 2024

This pie chart visualizes Canadian immigrant data from 2013, showing the proportion of immigrants from each continent. The chart uses D3.js v6 to create an SVG pie layout with `d3.pie()` and `d3.arc()`, coloring each slice with a hue based on its index. Hovering over a slice displays a tooltip with the continent’s percentage of the total, calculated via `d3.sum()`. A legend accompanies the chart, listing each continent and its exact immigrant value. The data loads from a remote CSV file via `d3.csv()`.

AI-generated description

MIT Licensed

Similar vizzes

Loading thumbnail…

Assignment2_Q1_PieChart_Harini

This pie chart displays the distribution of immigrants to Canada by continent in 2013, with each slice colored and accompanied by a legend showing percentages. It uses D3 v5 to load CSV data from a GitHub repository, aggregate values by continent with `d3.nest` and `d3.sum`, and render the visualization as SVG. Interactive tooltips appear on mouseover via `d3.arc` and transition effects, while the chart animates using D3’s selection and data-binding methods.

Kkamarthyharini24@gmail.com

85% match

Loading thumbnail…

Activity - 9_Question - 1

A pie chart visualizes population distribution across continents from a CSV file, using D3 v5 loaded via UNPKG. The code parses numeric population values, applies an ordinal color scale from `d3.schemeCategory10`, and constructs arcs with `d3.arc()` and `d3.pie()`. An SVG legend maps each color to its continent. The example also demonstrates importing local ES6 modules and styling with external CSS, though the main message is rendered through the chart.

Mmanideepchinna25@gmail.com

79% match

Loading thumbnail…

Pie_chart_activity_9

This pie chart visualizes language usage distribution from a CSV file, with each slice colored by language and labeled interactively through a tooltip showing exact counts in millions. It uses D3.js v6’s `d3.pie`, `d3.arc`, and `d3.scaleOrdinal` to generate SVG paths with hover transitions, alongside a custom legend mapping the color domain. The chart loads data asynchronously via `d3.csv` and positions the pie off-center with a fixed radius, rendering static arcs with animated tooltip opacity changes.

Vvishnupriyapalagiri@gmail.com

77% match

Loading thumbnail…

pie chart of people visited

This pie chart visualizes the number of people who visited various countries, with each slice labeled with its corresponding value in thousands. The chart is rendered using D3 v5’s `pie`, `arc`, and `scaleOrdinal` APIs, drawing SVG paths for the segments and text labels at their centroids. A legend on the right maps each country to its slice color and displays the numeric value. The data is loaded from a remote CSV file via `d3.csv`, with slice colors assigned from a hardcoded array.

SSaikiran2029

77% match

Loading thumbnail…

activity 7 Q1

This visualization uses a D3.js v6 pie chart to display the population distribution across continents. The chart shows proportional slices for each continent, colored with a categorical color scheme and labeled directly on the chart. A legend identifies each continent. The code uses `d3.pie`, `d3.arc`, and `d3.scaleOrdinal` to generate the SVG paths and text labels. The data is loaded from a remote CSV file hosted on GitHub, and the chart is styled with a clean, white background and subtle shadows.

Ssumanthpenna0221@gmail.com

77% match

Loading thumbnail…

Activity - 7_Question - 1

This pie chart displays population distribution across continents, with each slice labeled and a matching color-coded legend positioned to the right. The visualization loads CSV data from a GitHub-hosted dataset using `d3.csv`, parses the population values, and renders the chart as SVG. It uses `d3.pie()` to compute arc angles, `d3.arc()` to generate the slice paths, and `scaleOrdinal` to assign categorical colors. The chart includes a bold title and centers the pie within a 600x400 SVG element.

Mmalisettisaisumanth@gmail.com

76% match

Loading thumbnail…

Activity 7

A pie chart visualizes the distribution of housing data by ocean proximity, with each slice colored and labeled to show the count of homes in each category. The chart includes a title and a legend displaying category names with their corresponding counts. Built with D3.js (v6), the visualization loads CSV data from a GitHub repository, uses `d3.pie` and `d3.arc` to generate the pie slices, and applies `d3.scaleOrdinal` with `schemeCategory10` for colors. The SVG rendering includes slice labels positioned via `arc.centroid` and interactive hover-free styling.

Pperamranji

76% match

Loading thumbnail…

Activity 6

This pie chart visualization displays the proportional breakdown of categorical data loaded from a remote CSV file. Constructed with D3.js v7, the SVG graphic uses `d3.pie` to compute arc segments and `d3.arc` for path geometry, with `d3.scaleOrdinal` and `d3.schemeCategory10` providing categorical colors. A legend, including color swatches and labels, is positioned on the left side, while the chart title appears above. The code loads data via `d3.csv` and renders all elements as SVG paths and text nodes.

AAP19110020041-Pavan Kumar

76% match