Ratings Scatterplot

100%

Ratings Scatterplot

✓ Published0🌍 Public

Last edited Feb 19, 2023

Created on Feb 19, 2023

This scatterplot visualizes the relationship between delivery time and customer rating using food order data loaded from a remote CSV file. The visualization displays points with a radius of 10 pixels, using d3.scaleLinear for both axes and d3.extent to compute domains from the data. Axes are rendered with d3.axisLeft and d3.axisBottom, labeled "Delivery Time" and "Customer Rating", while the chart fills the entire window using window.innerWidth and window.innerHeight. Data parsing uses d3.csvParse to convert string values to numbers before plotting.

AI-generated description

A scatter plot of the Iris Dataset with no axes.

MIT Licensed

Similar vizzes

Loading thumbnail…

Reviews vs. Time Scatter Plot

This scatter plot visualizes customer ratings against delivery time for food orders, with points colored by day of the week and a color legend that highlights the selected day. Built with D3 v7, it uses d3.csvParse to load data from a remote CSV file, d3.scaleLinear for the axes, d3.scaleOrdinal for the categorical color mapping, and selection.join to bind circles. Hovering over a legend item dims unrelated points and highlights the matching species. The chart includes labeled axes and a legend positioned at a fixed coordinate.

Jjjlaber

86% match

Loading thumbnail…

Scatterplot of NYC Food Data

This scatterplot maps NYC Foodhub delivery data, plotting delivery time against customer rating for each order. The visualization reveals any correlation between how long deliveries take and customer satisfaction. The code loads CSV data from a GitHub-hosted Kaggle dataset, parses numeric fields, and uses d3.scaleLinear to map domain values to screen coordinates. D3’s selection and join pattern render circles for each order, with the chart redrawing on data load and window resize.

Jjjlaber

81% match

Loading thumbnail…

Scatterplot of the restaurant data

This scatterplot displays the relationship between restaurant ratings (on the x-axis) and total review counts (on the y-axis), using one circle per restaurant. The visualization reveals whether higher-rated establishments tend to attract more reviews. The code loads data from a CSV file using `d3.csv`, scales the axes with `d3.scaleLinear`, and renders circles as SVG elements. It applies margins for axis placement, labels both axes with rotated text for the y-axis, and styles circles with a brown fill and light border. The chart is built with D3.js v6, rendering to SVG within an HTML page.

Kkoteswararao614@gmail.com

75% match

Loading thumbnail…

Scatterplot NYC Food Ordering/Delivering Data

This scatterplot visualizes New York City food order and delivery data from a Kaggle dataset, plotting quantitative variables such as order cost, delivery time, or preparation time to reveal relationships. The D3.js v7 visualization uses the `csvParse` function to load remote CSV data and the `flatRollup` API to aggregate counts by cuisine type, computing summary statistics. Rendered as an SVG, the plot’s simple design lets patterns across cuisine categories and timing metrics stand out, while the underlying `scatterPlot` module handles the graphical encoding.

Jjjlaber

75% match

Loading thumbnail…

Scatterplot_restaurant

This scatter plot visualizes the relationship between restaurant ratings and total review counts. Each circle represents a restaurant, positioned by its rating on the x-axis and total reviews on the y-axis, with a warm fill color against a blue background. Built using React and D3 v6, the code loads CSV data via `d3.csv`, applies linear scales with `d3.scaleLinear` for both axes, and renders circles as SVG elements. Axes are generated using `d3.axisLeft` and `d3.axisBottom`, with labels rotated for the y-axis.

Bbhavana.bayyapu@gmail.com

73% match

Loading thumbnail…

Fork of Scatterplot of the restaurant data

This scatterplot shows the relationship between a restaurant's rating and its total number of reviews. The visualization uses D3.js APIs including `scaleLinear`, `axisLeft`, `axisBottom`, and `select` to render SVG circles, with each circle representing a restaurant. The data is loaded from a CSV file via the `csv` function, and the plot encodes ratings on the x-axis and total reviews on the y-axis. The chart is drawn with a blue background and beige circles, with labeled axes and a title.

KKusumaKumariDama@my.unt.edu

73% match

Loading thumbnail…

Fork of Scatterplot of the restaurant data

This scatterplot visualizes the relationship between restaurant ratings and their total review counts. Data is fetched from a CSV file and rendered as circles on an SVG canvas. The code uses d3.csv, d3.scaleLinear, d3.extent, d3.axisLeft, and d3.axisBottom to map data points and draw axes. The resulting chart reveals the distribution of restaurants across varying ratings and review volumes.

Ttejasviteegala@my.unt.edu

73% match

Loading thumbnail…

Scatter Plot

This scatter plot visualizes the relationship between two numeric variables from a CSV dataset, plotting each point with x and y coordinates. It uses D3 version 6 with an SVG rendering approach, employing `d3.scaleLinear` to map the data domains to pixel ranges and `d3.axisBottom` and `d3.axisLeft` for the axes. Data is loaded asynchronously via `d3.csv`, and circles are appended and joined to the data using `.join('circle')`. The plot is styled with a teal fill and includes axis labels for "Numbers" and "Amount."

Bbugfree55

70% match