Skip to main content
SimilarExport ZIP
100%

Reviews vs. Time Scatter Plot

✓ Published0🌍 Public
Jjjlaber
Last edited Mar 18, 2023
Created on Mar 17, 2023

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.

AI-generated description

A scatter plot of the Iris Dataset with a color legend.

See also:

MIT Licensed

Similar vizzes

Loading thumbnail…

Ratings Scatterplot

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.

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
75% match
Loading thumbnail…

Reviews per day of a year

A scatter plot displays the number of reviews per day across a year, with each circle representing a single day and its review count. The visualization uses D3 v5 with an SVG rendering approach, employing `scaleLinear` for both axes and `axisBottom`/`axisLeft` for tick marks. Data is loaded from a CSV file via `csv`, and the plot includes axis labels and a title. Circles are styled with semi-transparent steelblue fill to show density variations.

RResl411
73% 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
71% 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
71% match
Loading thumbnail…

t4 scatterplot

A scatterplot visualizes total sales by day, with each point colored by order status (Delivered, RTO, Returned). The chart includes axes, a title, and a legend. It loads CSV data from a GitHub-hosted file, using D3 v7 scales (`scaleLinear`, `scaleOrdinal`) to map day and total values to positions and statuses to colors. The code renders circles as SVG elements and appends axes via `d3.axisBottom` and `d3.axisLeft`.

Ssannihitha.k23@gmail.com
71% match
Loading thumbnail…

T4

This scatter plot shows the total value of individual orders across the days of a month, with points jittered vertically based on their status (Delivered, RTO, or Returned) to reduce overplotting. The code loads CSV data from a GitHub repository using `d3.csv`, parses the date column with `d3.timeParse`, and maps adjusted day values to an SVG canvas using `d3.scaleLinear`. Axes are rendered via `d3.axisBottom` and `d3.axisLeft`, while circles are appended to the SVG for each order point. The visualization relies on D3 v7 loaded directly from UNPKG.

Ssannihitha.k23@gmail.com
69% 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
69% match