Skip to main content
SimilarExport ZIP
100%

SF Mobile Food Vendors

✓ Published1🌍 Public
Aalice-chau
Last edited Jun 9, 2019
Created on Jun 9, 2019
Forked from Cars Scatter Plot

This scatter plot shows the geographic distribution of San Francisco mobile food vendors based on permitted latitude and longitude coordinates from the Mobile Food Facility Permit dataset. Each blue circle represents a vendor location, with axes displaying latitude and longitude values. The visualization uses D3 v5’s `scaleLinear`, `axisBottom`, and `axisLeft` to construct the plot, filtering out records with zero longitude. The SVG rendering employs `circle` elements with opacity to convey density, and includes labeled axes and a title for context.

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…

Mobile Food Facilities in San Francisco Data

This visualization displays the locations and statuses of mobile food facility permits in San Francisco, plotted by their latitude and longitude coordinates from a CSV file. A map of the city is rendered using the D3.js library, with individual markers or points representing each permit, colored or distinguished by their approval status (e.g., APPROVED or REQUESTED). The code relies on D3’s geographic projection methods, such as `d3.geoPath` for drawing the map and `d3.projection` for converting coordinates, while the data is loaded and parsed via `d3.csv` from the provided `Mobile_Food_Facility_Permit.csv` file, allowing viewers to see the spatial distribution of food trucks across the city.

QQinita
83% match
Loading thumbnail…

Temperature in San Francisco Scatter Plot

This scatter plot displays temperature readings over time in San Francisco, with each orange point representing a measurement and a purple basis curve connecting them. The visualization uses D3 v5's `scaleTime` and `scaleLinear` for the axes, while `axisBottom` and `axisLeft` render gridlines and tick labels. Data is loaded as CSV and rendered as SVG, with circles and a smoothed path drawn using `line` and `curveBasis`.

Zzakaria badri
68% match
Loading thumbnail…

Temp SF scatter plot

This scatter plot displays temperature readings over time in San Francisco, with each circle representing a data point plotted using linear scales for both axes. The SVG visualization uses d3.csv to load the dataset, d3.scaleLinear and extent to compute domains, and d3.axisBottom and axisLeft to render labeled axes with gridlines. Circles are styled with steelblue fill and partial opacity, while axis labels and a title are added as SVG text elements.

Yyouri7
68% match
Loading thumbnail…

Temperature in San Francisco Scatter Plot

This scatter plot visualizes temperature readings in San Francisco over time, with each circle representing a temperature observation at a specific timestamp. The chart uses D3 v5’s scaleTime and scaleLinear functions to map the data, with axisBottom and axisLeft generating the labeled axes. Data is loaded from a CSV file using d3.csv and rendered as SVG circles with a fixed radius, while the styling applies a semi-transparent steelblue fill. The visualization includes axis labels and a title, with grid lines drawn via tickSize.

XX. N. Chu
68% 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
68% 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
68% match
Loading thumbnail…

Temperature in San Francisco Scatter Plot

This scatter plot visualizes temperature readings in San Francisco over time, with each red circle representing a data point positioned by timestamp on the x-axis and temperature on the y-axis. The chart uses D3 v5 to load CSV data from a GitHub gist, apply linear scales with `d3.scaleLinear`, and render axes via `d3.axisBottom` and `d3.axisLeft`. Grid lines and labeled axes clarify the relationship, while the title and styled text come from SVG elements and CSS.

Jjlspangl
67% match
Loading thumbnail…

San Francisco Temperature - Scatter Plot

This scatter plot visualizes hourly temperature readings in San Francisco over time, with each red circle representing a recorded temperature at a specific timestamp. The chart uses d3.csv to load the data, then applies scaleTime and scaleLinear functions to map timestamps and temperatures to SVG coordinates. Axes are generated with axisBottom and axisLeft, complete with gridlines and labels. The visualization demonstrates a clean, margin-based layout with custom styling for titles and tick marks, making the seasonal temperature patterns clearly visible across the time series.

Ssploitfun
67% match