Upload Yelp data

100%

Upload Yelp data

✓ Published1🌍 Public

Last edited Sep 29, 2021

Created on Sep 8, 2021

Forked from Loading and Parsing CSV Data

This example displays a minimal text summary of the uploaded Yelp dataset for Greater Boston, showing the file size, row count, and column count in a large violet font. Using D3 v5, the code fetches a CSV file from a GitHub gist via `d3.csv` and processes the parsed tabular data with `d3.csvFormat` and `data.columns` to extract metadata. The visualization itself does not map or plot the restaurant data, instead serving as a load-check for the raw dataset.

AI-generated description

Top restaurants in Greater Boston area

The original dataset is from public Yelp dataset.

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

Variables of interest:

Name	Type	Description
city	categorical	City
stars	quantitative	Stars on Yelp
categories	categorical	Type of foods

Possible questions:

Overall top restaurants distribution on a map.
Which cities in MA have most top restaurants?
Among top restaurants, what types of food are more than others?

*This is a part of week 2 assignment: Load Your Data

MIT Licensed

Similar vizzes

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

75% match

Loading thumbnail…

Scatter plot of Yelp data: review counts vs. stars

This scatter plot shows review counts versus star ratings for top-rated restaurants in Greater Boston, drawn from Yelp’s public dataset. It reveals that restaurants with more reviews tend to have slightly lower ratings, as the data clusters at 4, 4.5, and 5 stars. The visualization uses D3 v6 to load CSV data from a GitHub Gist, then creates an SVG with scaleLinear, axisLeft, axisBottom, and circle marks. Each point is rendered as a red semi-transparent circle with a fixed radius, supporting overlapped points.

MMing Liu

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

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

73% match

Loading thumbnail…

Bar plot of Yelp data: review counts vs. stars

This bar chart displays the total number of Yelp reviews for top-rated restaurants (4 stars and above) in Greater Boston, grouped by star rating categories. The plot reveals that restaurants with 4 stars accumulate substantially more reviews than those with 4.5 or 5 stars. Built with D3 v5, the visualization uses `scaleBand` for the categorical x-axis, `scaleLinear` for the y-axis, and SVG rectangles to encode the data. The chart includes axis labels and a title, with data sourced from the public Yelp dataset.

MMing Liu

73% match

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

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

72% match

Loading thumbnail…

Fork of Fork of loading and parsing CSV data_backup

This example demonstrates a simple data-loading interface for restaurant ratings. It shows a page that uses D3.js (version 7) to fetch a CSV file from a GitHub gist, then displays a text summary of the file's size in bytes and kilobytes, along with the row and column counts. The page also includes an embedded SVG image of a restaurant. The code highlights the use of `d3.csv` and `d3.csvFormat` for parsing and measuring the data, while the visual layout relies on basic HTML, CSS, and an external SVG asset.

Kkoteswararao614@gmail.com

71% match