100%

Scatter Plot

✓ Published0🌍 Public

Last edited Sep 27, 2017

Created on Sep 27, 2017

This scatter plot visualizes the daily frequency of Uber rides in 2016, showing how the number of rides varies over time. The chart uses a D3 v4 line path to connect daily ride counts, with circles omitted and a hover tooltip available for interaction. It relies on `d3.csv`, `d3.nest`, `d3.timeParse`, and `d3.scaleTime` to process the dataset from the "My Uber Drives - 2016.csv" source. The SVG rendering includes styled axes and a subtitle, while the y-axis is fixed to a 0–15 range for ride counts.

AI-generated description

This example summarizes a data table using Datalib. You can fork this Block and change the data to get a quick overview of the shape of your data.

Uber Drives

This data is from My Uber Drives. Here are the details informations of a Uber Drives of 2016. He is sharing this dataset for data science community to learn from the behavior of an ordinary Uber customer.

This dataset is about each Uber drives' start date, end date, start place, end place, miles and purpose.

forked from <a href='http://bl.ocks.org/curran/'>curran</a>'s block: <a href='https://bl.ocks.org/curran/90240a6d88bdb1411467b21ea0769029'>Line Chart of Temperature</a>

forked from <a href='http://bl.ocks.org/curran/'>curran</a>'s block: <a href='http://bl.ocks.org/curran/f849f374f21c490c5490d501636bdb77'>Data Table Summary</a>

forked from <a href='http://bl.ocks.org/YouthBread/'>YouthBread</a>'s block: <a href='http://bl.ocks.org/YouthBread/a4e7ae4742cd681be25d2fe26e55e8c7'>Data Table Summary - Uber Drive</a>

mit Licensed

Similar vizzes

Loading thumbnail…

D3 Scatterplot

This interactive D3 scatterplot visualizes cumulative Uber fare amounts per day from 2009 to 2015, using data from a Kaggle dataset. The SVG chart plots each date on the x-axis and total daily fares on the y-axis, with green circles marking individual points. The visualization uses `d3.csv` to load the raw data, `d3.scaleBand` for the time-based x-axis, and `d3.scaleLinear` for the fare amounts. Custom tick marks highlight the first date of each year, while gridlines and labeled axes improve readability.

DDominic Fernandez

84% match

Loading thumbnail…

Dot Plot

This dot plot shows the number of Uber rides per year, with each circle representing a year’s total ride count positioned along a horizontal axis scaled by increments of 2,000 rides. The visualization aggregates data from a CSV file loaded via p5.js’s `loadTable` function, then uses `createCanvas` and `circle` to render the points. Year labels appear along a vertical axis, and ride counts are formatted using a custom `kFormatter` function for values above 1,000. The plot excludes 2008 data and displays results across a 625×625 pixel canvas.

DDominic Fernandez

80% match

Loading thumbnail…

D3 Heatmap

This heatmap visualizes the number of Uber rides per month and year, with months on the x-axis, years on the y-axis, and color intensity encoding ride counts. It uses d3.csv to load the dataset, d3.scaleBand for both axes, and d3.scaleSequential with a color interpolator to map counts to cell colors. The SVG is rendered with d3.axisBottom and d3.axisLeft, while cells are drawn as rects. Data is aggregated client-side by parsing timestamps into month-year pairs.

DDominic Fernandez

80% match

Loading thumbnail…

Assignment2_task3_scatterplot

This scatterplot visualizes Uber trip data, plotting trip distance on the x-axis against pickup hour on the y-axis, with points colored by weekday. The visualization uses React with D3 v5 scales and SVG rendering, featuring interactive hover highlighting that fades non-matching points and emphasizes the selected weekday category via a color legend. Data is loaded asynchronously from a CSV using d3.csv.

Ssreekarthanda@gmail.com

80% match

Loading thumbnail…

2024 Uber Data

This visualization presents raw, unprocessed ride data from Uber throughout 2024, displaying each trip's attributes such as date, time, vehicle type, pickup and drop locations, booking value, ride distance, and ratings. The code fetches a CSV file, parses it using `csvParse`, and converts specific quantitative fields—including `avg_vtat`, `booking_value`, and `ride_distance`—to numeric types. Built with the D3.js v7 library, the visualization uses a `select().join()` pattern to render the JSON representation of the dataset within a `<pre>` element, showing the structured data without additional graphical encoding.

BBen Trantanella

77% match

Loading thumbnail…

q3

This interactive scatter plot visualizes New York City taxi trip data, showing trip distance against pickup hour. Each circle represents a trip, colored by the day of the week, with a color legend that filters data on hover. The visualization uses React with D3 scales (`scaleLinear`, `scaleOrdinal`) to render SVG elements. The `csv` loader fetches data from a remote gist, while interactive hovering triggers opacity fading for non-selected categories.

UUmarani Vemula

76% match

Loading thumbnail…

uberplot

This interactive scatterplot visualizes diamond characteristics, with circles positioned by x and y coordinates and colored by categorical color grade. Using the d3.js library, the visualization supports animated transitions when hovering over or clicking data points, temporarily highlighting circles and then reverting them to their original colors. Built with the uberplot helper library, the code defines layers, scales, and mark sets to map data dimensions to visual properties, and uses d3.scaleLinear, d3.scaleOrdinal, and d3.scaleQuantize for encoding.

SSladav

76% match

Loading thumbnail…

Stylised Scatter Chart with React & D3

A React-based scatter chart visualizes hourly Velib bike availability in Paris, aggregated from a remote CSV via `d3.csv` and `d3.rollups`. The SVG rendering uses `d3.scaleTime` for the x-axis (September 6–18, 2021) and `d3.scaleLinear` for the y-axis, with circles sized and positioned by bike counts. D3 generates tick marks, while React components (`AxisBottom`, `AxisTop`, `Marks`) handle layout, and a dropdown filters data options.

MManon ROMAIN

74% match