Skip to main content
SimilarExport ZIP
100%

Task_1_Question_1

✓ Published0🌍 Public
Ttarunskuruvadi@gmail.com
Last edited Apr 22, 2024
Created on Apr 22, 2024

This chart displays housing costs for different urban areas as a pie chart, using color-coded slices to represent each location’s proportion of the total. A legend on the right maps slice colors to place names. The visualization is built with D3 v5, using `d3.pie` to compute arc data and `d3.arc` to generate SVG paths. Data is fetched as CSV from a GitHub gist, and `d3.scaleOrdinal` assigns slice colors from a predefined palette. The SVG output is centered and styled via CSS.

AI-generated description

A reusable scatter plot inspired by Towards Reusable Charts.

MIT Licensed

Similar vizzes

Loading thumbnail…

Activity-7.1 Q1

This visualization shows housing costs across different urban areas as a pie chart. The code loads data from a CSV file and uses d3.pie and d3.arc to generate the sectors, with d3.scaleOrdinal assigning distinct colors to each location. The SVG rendering includes a legend displaying the urban area names alongside their corresponding color swatches. The dataset is fetched asynchronously from a GitHub gist, and the chart updates dynamically once the data is loaded.

Ttarun.chintada46@gmail.com
87% match
Loading thumbnail…

Task-10_Q1

This example displays a pie chart showing the distribution of bedroom counts in a housing dataset. The visualization aggregates the data using d3.rollup, then renders the chart with d3.pie and d3.arc, with slices colored by d3.scaleOrdinal and d3.schemeCategory10. Interactive tooltips appear on mouseover, and labels are positioned using path.centroid. A legend encodes the bedroom categories. The data is loaded via d3.csv from a GitHub gist, and the chart is rendered as an SVG with a tooltip div styled in CSS.

UUthkarsh Reddy Junuthula
79% match
Loading thumbnail…

Assignment2_Question1(PieChart)

This pie chart displays the population distribution of major cities, with each slice labeled by its population value in thousands and accompanied by a legend identifying the corresponding state. The chart uses D3.js v5 APIs including `d3.pie` and `d3.arc` to generate the SVG paths, and `d3.scaleOrdinal` for slice coloring. Data is loaded asynchronously via `d3.csv` from a GitHub repository, with values formatted using `d3.format`.

Ssaisnehapalle@my.unt.edu
79% match
Loading thumbnail…

Activity7_Question 1

A pie chart visualizes the percentage distribution of a budget across five categories: Food, Transport, Housing, Savings, and Entertainment. The chart uses d3.pie() to compute arc angles and d3.arc() to generate SVG path slices, with a color scale mapping each category to a distinct color. Percent values are labeled inside each slice using arc.centroid() for positioning, and a separate legend lists the categories with their corresponding colors. The code defines fixed data in a JavaScript array and renders the chart as an SVG element using D3 v7.

Hharinihari6791@gmail.com
78% match
Loading thumbnail…

Task9_Question1

A pie chart visualizes the distribution of patient counts by race, with each slice labeled directly and accompanied by a color-coded legend. The chart loads CSV data from a GitHub gist and uses D3 v7 APIs including `d3.rollup` to aggregate counts, `d3.pie` for layout, `d3.arc` for slice geometry, and `scaleOrdinal` with `schemeCategory10` for colors. Labels are positioned using `arcGenerator.centroid`, and the SVG rendering is centered within a 400×400 canvas.

KKeerthi
78% match
Loading thumbnail…

Task9_Question1

A pie chart displays the distribution of ratings across different genres, with each slice labeled by its percentage and a color-coded legend listing the genre names. The visualization loads genre and rating data from a remote CSV file and renders it as an SVG using D3 v7. The code uses `d3.pie` to compute slice arcs, `d3.arc` to generate the path geometry, and `d3.scaleOrdinal` with `schemeCategory10` for slice colors. Percentage labels are placed at slice centroids via the arc generator's `centroid` method.

KKeerthi
77% match
Loading thumbnail…

Task9_Question1

A pie chart displays the distribution of ratings across different genres, with each slice labeled by its percentage and a color-coded legend listing the genre names. The visualization loads genre and rating data from a remote CSV file and renders it as an SVG using D3 v7. The code uses `d3.pie` to compute slice arcs, `d3.arc` to generate the path geometry, and `d3.scaleOrdinal` with `schemeCategory10` for slice colors. Percentage labels are placed at slice centroids via the arc generator's `centroid` method.

KKeerthi
77% 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
77% match