Skip to main content
SimilarExport ZIP
100%

Yelp data map

✓ Published2🌍 Public
MMing Liu
Last edited Nov 9, 2021
Created on Sep 18, 2021

This map displays the distribution of top-rated restaurants (4+ stars) across Greater Boston municipalities from the public Yelp dataset, using an SVG rendering of Massachusetts town boundaries. The project loads geographic data via `d3.json` and TopoJSON, projecting it with `d3.geoIdentity` and `d3.geoPath`. Currently, it shows only the empty state map as an intermediate stage; the planned visualization of restaurant counts by town (using color or circle size) is not yet implemented, despite the accompanying data file containing city-wise counts.

AI-generated description

Yelp data map

The original dataset is from public Yelp dataset.

The data used for this visualization is filtered on top-rated restaurants in Greater Boston (GB) area. Top-rated restaurants are defined as 4 stars or above.

This map shows top restaurants distributions in GB area. This is an intermediate stage that just loaded MA state map, but haven't figure out how to visualize data on it.

I would use color shade (or the circle size) to represent the amount of restarutants in a city. The darker color (or a larger circle) means more best restarutants.

MIT Licensed

Similar vizzes

Loading thumbnail…

Interactive map of top-rated restaurants in Greater Boston

This interactive map visualizes the distribution of top-rated restaurants (4 stars or above) across Greater Boston, using data from the public Yelp dataset. A drop-down menu filters the choropleth by cuisine type, while hovering over a town displays its name and restaurant count in a tooltip. The map supports zooming and panning via d3.zoom. It uses d3.geoPath with a geoIdentity projection to render TopoJSON town boundaries, and d3.scaleThreshold to map restaurant counts to a sequential red color scale.

MMing Liu
90% match
Loading thumbnail…

Fork of Map of top-rated restaurants in Greater Boston

This choropleth map shows the distribution of top-rated restaurants (4 stars or higher) across Greater Boston municipalities from the public Yelp dataset, with darker reds indicating higher counts and grey representing areas without data. Users can zoom and pan via d3.zoom and hover over towns to see tooltips with names and restaurant counts. The visualization uses d3.geoPath with a geoIdentity projection to render TopoJSON town boundaries, and a d3.scaleThreshold color scale to encode counts. A linearGradient legend labels the number of restaurants.

AAniketShahane
88% match
Loading thumbnail…

Fork of Map of top-rated restaurants in Greater Boston

This map visualizes the distribution of top-rated restaurants (4 stars or above) across Greater Boston towns, using a sequential color scale from light to dark red to indicate counts. The choropleth map renders town boundaries with `d3.geoPath` and a `geoIdentity` projection, coloring polygons grey where no data exists. Hovering over a town displays its name and count in a styled tooltip. The data comes from the public Yelp dataset, processed with D3’s `csv` and `json` loaders, and the map supports zoom interactions via `d3.zoom`.

Cchipbrownlee
88% match
Loading thumbnail…

Map of top-rated restaurants in Greater Boston

This choropleth map visualizes the distribution of top-rated restaurants (4 stars or higher) across Greater Boston municipalities, using a red color scale where darker shades indicate higher restaurant counts and grey represents areas without data. The map is interactive, supporting zooming via d3.zoom and hover tooltips that display each town's name and restaurant count. Built with D3 v5, it uses d3.geoPath with a geoIdentity projection and topojson to render Massachusetts town boundaries. The data comes from the public Yelp dataset, filtered and aggregated by city.

MMing Liu
87% match
Loading thumbnail…

Bar plot of Yelp data: top cities

This bar chart displays the top 10 cities in the Greater Boston area by number of Yelp-rated restaurants with four stars or higher, using a horizontal layout where the x-axis shows restaurant counts and the y-axis lists cities. The code loads a pre-filtered CSV dataset derived from the public Yelp dataset and uses D3 v5’s `scaleLinear`, `scaleBand`, `axisLeft`, and `axisBottom` to render an SVG bar chart. Bars are colored purple, with a clear title and labeled axes, highlighting Boston’s dominance with over a thousand qualifying restaurants.

MMing Liu
83% match
Loading thumbnail…

Map of top-rated seafood in Greater Boston

This choropleth map displays the distribution of top-rated restaurants, defined as four stars or above, across Greater Boston, with deeper reds indicating higher counts per town. It uses D3 v5 with TopoJSON to render town boundaries and a scaleThreshold color scale based on data from the public Yelp dataset. Interactive features include zoom support and hover tooltips that reveal town names and restaurant counts, while a linear gradient legend communicates the numeric scale.

MMing Liu
83% match
Loading thumbnail…

Fork of Bar plot of Yelp data: top cities

This fork of a bar plot visualizes the top ten cities in Greater Boston with the highest number of Yelp restaurants rated four stars or above. Rendered as an SVG, the chart uses horizontal bars to compare city counts, with the x-axis showing the number of restaurants and the y-axis listing city names. The code leverages d3.scaleLinear and d3.scaleBand for axis scaling, and d3.axisLeft and d3.axisBottom to generate the axes. Data is loaded from a local CSV file, with the original source being the public Yelp dataset.

JJaswitha09
81% match
Loading thumbnail…

Fork of Bar plot of Yelp data: top cities

This bar chart shows the top ten cities in the Greater Boston area by number of restaurants rated four stars or higher on Yelp, with Boston leading at over 1,000 establishments. The visualization aggregates raw Yelp dataset entries by city using JavaScript’s reduce method, then sorts and filters the results before rendering. The chart uses D3 v5’s `scaleLinear` for the x-axis, `scaleBand` for the categorical y-axis, and `axisLeft` and `axisBottom` to draw the axes with custom tick styling. Bars are appended as SVG rectangles with a purple fill, and the data comes from a local CSV file.

Aaniosindustries
80% match