Skip to main content
SimilarExport ZIP
100%

pizza eaters

✓ Published0🌍 Public
Ccharchana0527@gmail.com
Last edited Nov 2, 2025
Created on Oct 31, 2025

This interactive map visualizes the estimated number of pizza eaters per 100,000 population for 50 countries. A sidebar displays the country name and value upon hover, complemented by a color-coded legend using an orange sequential scale. Built with d3.v7, it fetches country boundaries as GeoJSON from the D3 graph gallery and renders them as map layers alongside OpenStreetMap tiles via Leaflet 1.7.1. Tooltips and hover interactions are implemented using the Leaflet API.

AI-generated description
MIT Licensed

Similar vizzes

Loading thumbnail…

Pizza

The pizza visualization depicts a stylized pizza built from concentric circles for crust, sauce, and cheese, with five pepperoni slices and a lattice of eight cut lines radiating from the center. Fifteen randomly positioned red dots represent chilli flakes. The code uses d3.select, d3.range, and d3 data joins with SVG circle and line elements to construct the graphic, rendered on a canvas sized 400 by 400 pixels.

UUday Kiran
70% match
Loading thumbnail…

Country Population Globe Pie Charts

This visualization displays average country population data for men, women, and children as pie charts positioned on an orthographic globe using D3’s `geoOrthographic` projection and `geoPath`. Pie slices are generated with `pie` and `arc` generators, with hover interactions updating an information box and highlighting the corresponding country. Users can rotate the globe via drag and zoom, while a slider animates through yearly data from the `populationData.js` array, all rendered over a starry space background.

Ccrijos
68% match
Loading thumbnail…

1

This example shows a pie chart of country populations, with each slice labeled by country name and a legend mapping colors to countries. Hovering over a slice’s label displays a tooltip with the population (formatted with commas) and literacy rate. Built with D3 v7, the visualization uses `d3.pie()` and `d3.arc()` to generate SVG paths, while data is loaded via `d3.csv()` from a GitHub gist. The tooltip is manually shown and hidden through D3 selection and style updates, and colors come from `d3.schemeSet3`.

Ssindhuja27b@gmail.com
67% match
Loading thumbnail…

Eating Around the World

This choropleth map visualizes the user’s restaurant ratings across countries, with each nation shaded according to its review score on a red ordinal scale. Users click legend circles to filter countries by rating, which also dims non-matching regions and the background sphere. Built with D3 v5, the visualization uses `geoNaturalEarth1` projection, `geoPath`, and `zoom` for map interaction, while data is loaded via `tsv`, `json`, and `csv` from the World Atlas TopoJSON and a traveler dataset. Hovering reveals country names, restaurant details, and star ratings in tooltips.

Jjons288
67% match
Loading thumbnail…

PIE CHART

This pie chart visualizes global internet usage rates by country, with each slice sized proportionally to the internet user rate and colored via a categorical scale. Hovering highlights a slice and displays a tooltip with the country name and rate, while a legend lists all countries. Built with D3 v5, it loads CSV data from a GitHub gist and renders the chart as SVG using the `pie` and `arc` generators, with `scaleOrdinal` for colors.

DDeegutla123
66% match
Loading thumbnail…

pie chart

This pie chart visualizes country populations using D3.js v6, rendering each slice as an SVG path with a categorical color scale. The code loads CSV data from a GitHub gist, processes population values, and uses d3.pie() and d3.arc() to generate the chart geometry. Each slice is labeled with its country name positioned at the arc centroid, while a custom legend built from SVG rectangles and text elements displays the color assignments alongside the chart.

Rreddyharshi08@gmail.com
66% match
Loading thumbnail…

Fork of Map

This interactive map of Italy visualizes a playful, made-up “Pasta Variety Index” for ten major cities. Circle size and color encode the index value on top of the country’s geographic outline, with a hover tooltip revealing city details. The visualization is built with D3.js v7, rendering to SVG, and uses the `topojson-client` library to load world-atlas TopoJSON data. A custom `d3.geoPath` projection draws the country, while a simple CSS-based tooltip provides interactivity.

Kkovuribalanagavinay@gmail.com
66% match
Loading thumbnail…

shish's ice7-piechart

This pie chart displays the top 10 countries by world population share in 2025, with each slice labeled by country name and accompanied by a color-coded legend. Built with d3.v7 and rendered as SVG, it loads data from a CSV file, sorts by the World_Share column, and uses `d3.pie()` to generate the arcs. Slice colors come from `d3.scaleOrdinal()` with the `d3.schemeCategory10` palette, while `d3.arc()` defines the pie geometry. The visualization includes stroke outlines and text labels positioned at arc centroids, with a legend appended to the right of the chart.

SSai Shishir Koppula
66% match