Kickstarter projects by City

100%

Kickstarter projects by City

✓ Published0🌍 Public

Last edited Mar 3, 2017

Created on Mar 3, 2017

This visualization uses a bubble chart to display Kickstarter projects by city. A dropdown menu allows the viewer to select a city, which updates the chart to show projects from that location. Each bubble's size is determined by the number of backers, and its color represents the project's subcategory. The code uses the `d3.pack` algorithm to position the bubbles and `d3.scaleOrdinal` with the `d3.schemeCategory20c` color palette for the category coloring, with data sourced from a provided CSV file.

AI-generated description

Bubble chart showing 100.000 Kickstarter projects. Based on the data and idea of Polygraph but trying to reorganize the colors. Color represents the project category, size the number of backers.

forked from <a href='http://bl.ocks.org/mbostock/'>mbostock</a>'s block: <a href='http://bl.ocks.org/mbostock/4063269'>Bubble Chart</a>

forked from <a href='http://bl.ocks.org/john-guerra/'>john-guerra</a>'s block: <a href='http://bl.ocks.org/john-guerra/0d81ccfd24578d5d563c55e785b3b40a'>Bubble Chart d3 v4</a>

forked from <a href='http://bl.ocks.org/john-guerra/'>john-guerra</a>'s block: <a href='http://bl.ocks.org/john-guerra/38b1c32154905828f019f35a026b7526'>Kickstarter projects in New York</a>

forked from <a href='http://bl.ocks.org/john-guerra/'>john-guerra</a>'s block: <a href='http://bl.ocks.org/john-guerra/75f04c33b7870c3566a546e8f1afd687'>Kickstarter projects by City</a>

gpl-3.0 Licensed

Similar vizzes

Loading thumbnail…

All Kickstarter projects grouped by cities

This visualization displays 100,000 Kickstarter projects as a bubble chart, grouped by city, with circle size representing the number of backers per project and color encoding the project category. It uses d3.pack for the hierarchical bubble layout, d3.hierarchy to structure data by city and category, and d3.scaleOrdinal to map categories to colors. The code loads project data from CSV files, aggregates counts by city and subcategory, and offers checkboxes to toggle between standard and Polygraph-inspired color schemes or to regroup by categories. User interaction updates the visualization dynamically via the d3.v4 library.

TThanaporn-sk

94% match

Loading thumbnail…

Nigeria Minerals

An interactive bubble chart maps Kickstarter projects by city, using circle size to represent the number of backers and color to indicate project subcategory. Selecting a city from a dropdown updates the visualization, which is rendered as an SVG using D3 v4. The code leverages `d3.pack` for the bubble layout, `d3.scaleOrdinal` with `d3.schemeCategory20c` for color mapping, and `d3.map` for data joins. Project data comes from CSV files and the chart shows backer counts per project.

SSaminu

78% match

Loading thumbnail…

Activity6_Task4

A bubble chart visualizes 25 U.S. cities by plotting their population on the x-axis and area in square kilometers on the y-axis, with bubble size encoding GDP and color distinguishing each city. Hovering shows a tooltip with city details. Built with D3 v7, it uses `d3.scaleLinear` for axes and size, `d3.scaleOrdinal` with `d3.interpolateTurbo` for colors, and SVG circles with mouse event handlers. Data comes from `citydata.csv`, rendered as an animated SVG with a legend.

Rrahman.mehmood2002@gmail.com

67% match

Loading thumbnail…

stacked bar char

This example uses a stacked bar chart to visualize the number of Kickstarter campaigns across six price ranges, from under $1,000 to over $1 million, for each project category. The visualization is interactive, allowing users to toggle between stacked and grouped bar layouts via an HTML radio button, with smooth animated transitions between the two states. It is built with D3.js version 6.7.0, using `d3.csv` for data loading, `d3.layout.stack` for the stacking logic, `d3.scale.ordinal` and `d3.scale.linear` for axes, and `transition.attr` for the animated changes. The SVG rendering displays color-coded layers with a legend, rotated x-axis labels, and a tooltip on mouseover.

YYash Goyal

65% match

Loading thumbnail…

CITY ATTRIBUTES

This visualization uses a city attributes dataset to display the geographic distribution of cities in a scatter plot, plotting longitude against latitude as steelblue circles. It then presents a bar chart that aggregates the data by country, showing the count of cities per nation using D3.js’s `d3.rollup` for grouping and `scaleBand`/`scaleLinear` for axes. The SVG rendering relies on D3 v7, with both charts generated from a CSV file fetched via `d3.csv`. Axes are added using `d3.axisBottom` and `d3.axisLeft`, while the bar heights reflect the computed country counts.

CChaturyaAkhilaPallem@my.unt.edu

64% match

Loading thumbnail…

task4.2

This bubble chart visualizes 15 global cities by population (millions) on the y-axis, area (km²) on the x-axis, and population density as the bubble radius. Each circle is colored by region using `d3.scaleOrdinal` with `d3.schemeTableau10`. The code loads `globalCities.csv`, converts numeric fields, and renders SVG circles with `d3.scaleLinear` for both axes and `d3.scaleSqrt` for the radius. Axis labels and ticks are generated via `d3.axisBottom` and `d3.axisLeft`, with the chart drawn inside an SVG container.

GGanesh Gundekarla

64% match

Loading thumbnail…

Fork of Activity6_Task4

This interactive bubble chart visualizes the relationship between city population, area, and GDP. Each circle’s size encodes GDP, position maps population and area, and color distinguishes cities. The chart uses D3 v7 with SVG and animation, featuring custom tooltips that display city details on hover. Data is loaded from a CSV file and rendered with scales for axes and bubble sizing.

IILYAS AHMED

64% match

Loading thumbnail…

Fork of Activity6_Task4

IILYAS AHMED

64% match