Skip to main content
SimilarExport ZIP
100%

Fork of Bar plot of Yelp data: top cities

✓ Published0🌍 Public
JJaswitha09
Last edited Nov 28, 2021
Created on Nov 28, 2021

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.

AI-generated description

Bar chart of Yelp data: top cities

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 graph shows the top 10 cities with best restaurants in GB.
X axis is the number of best restaurants
Y axis is top 10 cities.

*This is a part of week 4 assignment: Create a Visualization that's Not a Scatter Plot

MIT Licensed

Similar vizzes

Loading thumbnail…

Fork of Bar plot of Yelp data: top cities

This horizontal bar chart ranks the top ten cities in Greater Boston by the number of highly-rated Yelp restaurants (4 stars or above), with Boston leading at 1,011 entries. The visualization uses D3 v5’s `scaleLinear` and `scaleBand` to map counts and city names, while `axisLeft` and `axisBottom` render the chart’s axes. Data is loaded from a CSV file containing aggregated counts for each city.

UUgin
96% 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
94% match
Loading thumbnail…

Fork of Bar plot of Yelp data: top cities

A horizontal bar chart ranks the ten cities in Greater Boston with the most Yelp restaurants rated four stars or above. Boston leads with over 1,000 entries, followed by Cambridge, Somerville, and Newton. Data comes from a CSV file derived from the public Yelp dataset, and is rendered as SVG using D3 v5. The code employs `d3.csv`, `scaleLinear`, `scaleBand`, `axisLeft`, and `axisBottom` to construct the chart, with axis labels and a title styled via external CSS.

Ssumukh-bharadwaj
94% 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
94% match
Loading thumbnail…

es

A horizontal bar chart ranks the top 10 cities in Greater Boston by the number of Yelp restaurants rated four stars or above, with Boston leading at 1,011. The chart uses d3.csv to load city–count data, d3.scaleLinear and d3.scaleBand for axes, and d3.axisLeft and d3.axisBottom to render ticks. Bars are drawn as SVG rectangles with a purple fill, and the visualization includes a title and axis label. The underlying data is aggregated from the public Yelp dataset.

AAkrutiKhurana2103
89% match
Loading thumbnail…

Fork of Stacked bar chart of Yelp data: top cities

The visualization displays the top food types in the top cities near Boston, excluding Boston itself, based on Yelp restaurant counts. It uses a stacked horizontal bar chart, with each city row segmented by cuisine type, rendered as SVG in D3. The chart employs `d3.scaleLinear` and `d3.scaleBand` for axes, and includes an interactive tooltip that reveals the specific food type and count on hover. Data is loaded from a CSV file, and the color scale is defined manually using `d3.scaleOrdinal`.

AAndrew Petit
88% match
Loading thumbnail…

Fork of Fork of Stacked bar chart of Yelp data: top cities

This stacked bar chart displays the count of highly-rated restaurants (4 stars or above) across ten cuisine types for nine Massachusetts cities, excluding Boston. Each horizontal bar represents a city, segmented by food category using distinct colors from a custom ordinal scale via `d3.scaleOrdinal`. The visualization is built with D3.js v7, processing CSV data through `d3.csv` and `d3.stack`. Interactive tooltips appear on mouseover, showing the cuisine and its count, while a manually positioned legend lists food types alongside the axis.

RRahulSai05
88% match
Loading thumbnail…

Fork of Fork of Stacked bar chart of Yelp data: top cities

This stacked bar chart visualizes the distribution of ten cuisine types across the top ten Yelp cities (excluding Boston), showing the number of four-star-or-above restaurants in each. Each horizontal bar represents a city, segmented by cuisine, with a legend mapping the color scheme. The chart uses d3’s `scaleBand` and `scaleLinear` for axes, `stack` to aggregate data, and `scaleOrdinal` for categorical colors. Tooltips reveal exact counts per segment, and the SVG is rendered with d3’s selection and append methods. Data comes from a CSV file loaded via `csv`.

MMar-99
87% match