Skip to main content
SimilarExport ZIP
100%

311 Calls

✓ Published0🌍 Public
AAnna Callahan
Last edited Jun 9, 2019
Created on Jun 9, 2019
Forked from Cars Scatter Plot

A scatter plot titled "311 Data: Waste in The Mission" displays the relationship between time (on the x-axis) and service request IDs (on the y-axis) for waste-related 311 calls. Using D3 v5, the code loads a CSV dataset from VizHub, applies linear scales via `d3.scaleLinear`, and renders circles with a fixed radius. It constructs axes using `d3.axisLeft` and `d3.axisBottom` with grid lines, and displays the data as red, semi-transparent circles within an SVG canvas.

AI-generated description

This scatter plot shows data about cars, from UCI Machine Learning Repository: Auto MPG Data Set.

MIT Licensed

Similar vizzes

Loading thumbnail…

SF 311 Calls

This scatter plot maps the locations of 311 calls reporting human waste in San Francisco’s Mission District, using latitude and longitude coordinates. Each translucent blue circle represents a reported incident, with the plot showing the spatial distribution across the neighborhood. Built with D3 v5, the visualization uses the `scaleLinear` function for the x and y axes, `axisBottom` and `axisLeft` for tick marks, and appends SVG circles. Data comes from a CSV file loaded via the `csv` function, filtered to remove zero-longitude entries.

AAnna Callahan
83% match
Loading thumbnail…

SF 311 Calls

This scatter plot maps the locations of 311 calls reporting human waste in San Francisco’s Mission District, using latitude and longitude coordinates. Each translucent blue circle represents a reported incident, with the plot showing the spatial distribution across the neighborhood. Built with D3 v5, the visualization uses the `scaleLinear` function for the x and y axes, `axisBottom` and `axisLeft` for tick marks, and appends SVG circles. Data comes from a CSV file loaded via the `csv` function, filtered to remove zero-longitude entries.

AAnna Callahan
83% match
Loading thumbnail…

Activity6_Question 3

This scatter plot visualizes the relationship between the number of calls handled per month and the average response time for fictional ambulance units. The data points are colored by unit type—Basic, Advanced, or Critical—using a D3 ordinal scale, with a hover tooltip displaying the unit name, call count, and response time. Built with D3 v7, the visualization renders as an SVG and includes labeled axes for calls (x-axis) and response time (y-axis), along with a legend created via `d3.scaleOrdinal` and `d3.axisBottom`/`d3.axisLeft`.

PPreethamreddyannavaram@my.unt.edu
70% match
Loading thumbnail…

6th visualisation

This responsive scatter plot visualizes waste collection and treatment data across countries, comparing total waste collection coverage percentages against compost treatment percentages. The visualization uses d3.csv to load an integrated dataset from GitHub, then renders SVG rectangles with d3.scaleBand and d3.scaleLinear to create a grouped bar chart. Steelblue bars represent waste collection coverage, while orange bars show compost treatment rates, with tooltips via SVG title elements providing precise percentage values. The chart includes margins and axis styling for readability, and the total height calculation determines the y-axis domain.

Vvenkatabhaskaratetali@my.unt.edu
70% match
Loading thumbnail…

Activity6_Question3

This scatter plot visualizes city data, mapping population on the x-axis against area on the y-axis, with each point colored by region using a categorical color scale. The code loads a CSV file from GitHub, parses it, and renders circles in an SVG using D3 v6 APIs such as `csv`, `scaleLinear`, `scaleOrdinal`, `axisLeft`, `axisBottom`, and `entries`. A legend, built with appended rectangles and text, identifies the region colors. The visualization uses the browser’s full window dimensions and positions axes with margin conventions.

KKhushi Desai
69% match
Loading thumbnail…

11.a - sanfran temp scatta'plot - dataviz 2018

This visualization shows a week of temperature measurements in San Francisco as a scatterplot, with each circle representing a temperature reading over time. The data comes from the Data Canvas - Sense Your City project and is loaded via `d3.csv`. The code uses D3 v7 APIs including `scaleTime`, `scaleLinear`, `axisBottom`, and `axisLeft` to construct the axes, while circles are rendered in SVG with a fixed radius and semi-transparent steelblue fill. Gridlines are drawn via tick marks, and the chart includes labeled axes for temperature and time.

Zzach b.
69% match
Loading thumbnail…

NYC 311 Calls by Responsible Agency

This visualization displays the volume of NYC 311 complaints assigned to each responsible agency, using horizontal bars whose lengths correspond to complaint counts. Users can reorder the bars by clicking buttons to sort the data ascending or descending by count. The chart is built with D3.js (v3), using a standard linear scale for bar widths and SVG for rendering. Animated transitions smoothly rearrange the bars on each sort, while a custom jQuery-based tooltip reveals the agency name and exact complaint count on hover.

QQnassiri
69% match
Loading thumbnail…

test321

This scatter plot displays one week of temperature data in San Francisco, with timestamps on the x-axis and temperatures in degrees Celsius on the y-axis. The visualization uses d3.scaleTime and d3.scaleLinear to map the data, with d3.axisBottom and d3.axisLeft for the axes. Circles are rendered via SVG, and the data is loaded from a CSV using d3.csv. The chart includes labeled axes and a title, with data sourced from Data Canvas - Sense Your City.

CChase Hall
69% match