Untitled

100%

✓ Published0🌍 Public

Last edited Nov 30, 2021

Created on Nov 29, 2021

Forked from Untitled

This visualization shows the distribution of housing types in a dataset as a pie chart, with each category represented as a slice colored by a pastel scheme. The code loads CSV data from a remote GitHub gist, counts occurrences of each property type (apartment, house, condo, etc.), and renders the results using the vega-lite-api library. It uses `markArc` for the pie slices, encodes color by the nominal type field, and applies a count aggregation for the theta angle. The chart includes tooltips and a title indicating the number of housing types.

AI-generated description

MIT Licensed

Similar vizzes

Loading thumbnail…

Untitled

This visualization shows a labeled pie chart breaking down a dataset by category, with each slice filled with a distinct ordinal color and accompanied by its category name. Built with D3 v4, the chart loads CSV data from a GitHub gist and uses the `d3.pie` layout, `d3.arc` for both the slice paths and label positioning, and `d3.scaleOrdinal` for the color palette. The SVG output centers the pie and adds a bold title, with pink stroke outlines on each slice.

AArv1228

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

80% match

Loading thumbnail…

Untitled

This example presents a pie chart visualizing the distribution of anime media types and their counts from a CSV dataset. The chart uses D3.js v7 to load and parse the data, then applies `d3.arc` and `d3.pie` to generate the wedges, with an ordinal color scale assigning distinct colors to each category. The SVG renders responsively using a viewBox and preserveAspectRatio, and the page includes a navigation bar linking to the dataset.

Hharoldle

79% match

Loading thumbnail…

Untitled

This example shows a pie chart where each arc segment represents a portion of a population value, with colors assigned from a categorical ordinal scale. The visualization uses a D3.js layout and SVG rendering, constructing the chart with `d3.svg.arc` for the arcs and `d3.layout.pie` to compute the angles from the data. The chart is centered on an SVG canvas of 960 by 500 pixels, with white strokes separating each arc for clarity. The code relies on D3’s ordinal color range to distinguish the segments visually.

Ssaenanan

77% match

Loading thumbnail…

Pie Chart

This pie chart shows the distribution of person types from a CSV file, using a color-coded slice for each category with labels and a corresponding legend. The chart is built with D3.js v7, using `d3.pie` to compute the arc segments, `d3.arc` for the path geometry, and `d3.scaleOrdinal` with `d3.schemeCategory10` for the color palette. Data is loaded via `d3.csv` from a GitHub-hosted source, and mouseover events log the person type to the console.

MMonish Galla

77% match

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

76% match

Loading thumbnail…

Pie Chart

This pie chart visualizes the distribution of a single category from a CSV dataset, showing the proportion of values across multiple person types. Built with D3.js v7, it uses `d3.csv` to fetch the data, `d3.pie` and `d3.arc` to compute and draw the slices, and `d3.scaleOrdinal` for the color scheme. A legend, generated alongside the chart, maps each slice to its corresponding type using the same categorical colors. The visualization is rendered as an SVG with a fixed 400x400 pixel canvas.

MMonish Galla

76% match

Loading thumbnail…

Activity 7 Q1

This donut chart shows the distribution of housing data by ocean proximity using a dataset from a GitHub repository. The visualization displays categorical slices of a pie, each colored by its category, with direct labels on the segments and a legend showing category names and counts. The example is built with D3 version 6, utilizing `group`, `pie`, `arc`, and `scaleOrdinal` to process CSV data and generate the chart, which is rendered as SVG. The title "Housing Distribution by Ocean Proximity" is displayed above the chart.

Pperamranji

76% match