Interactive map of top-rated restaurants in Greater Boston

100%

Interactive map of top-rated restaurants in Greater Boston

✓ Published0🌍 Public

Last edited Dec 2, 2021

Created on Nov 18, 2021

Forked from 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.

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. Colors represents number of restaurants. Grey color is no data area, and red colors are cities with data (in Greater Boston area). A deeper red means a higher amount of top-rate restaurants. This is an interactive map that you can zoom in and hover over the cities of interests, and then the names and the numbers of restaurants will be shown in the tooltips. You can also select menu on the top to choose different types of food.

MIT Licensed

Similar vizzes

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

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

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

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

91% match

Loading thumbnail…

Yelp data map

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.

MMing Liu

90% match

Loading thumbnail…

Interactive bar chart of food categories

This interactive bar chart displays the number of top-rated restaurants in Greater Boston serving different regional food categories, sorted by restaurant count. The visualization uses an SVG-based bar chart built with D3 v5, employing `scaleBand` and `scaleLinear` to map food categories and restaurant counts to screen coordinates. Hovering over a bar reveals a tooltip with the exact restaurant count via mouseover events. Data comes from the public Yelp dataset, filtered to restaurants rated four stars or higher, and is loaded from a CSV file using D3's `csv` function.

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

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

82% match