Skip to main content
SimilarExport ZIP
100%

HW1 Chart4

✓ Published0🌍 Public
LLjfernando
Last edited Feb 12, 2017
Created on Feb 12, 2017

A line chart displays the number of police department calls per day in the Southern District for December, with day on the x-axis and call count on the y-axis. The chart includes both horizontal and vertical gridlines and a highlighted title. Built with D3 v4, it loads tab-separated data via `d3.tsv`, maps values through `d3.scaleLinear`, and renders the series as an SVG path using `d3.line`. Axes are generated with `d3.axisBottom` and `d3.axisLeft`.

AI-generated description

Built with blockbuilder.org

mit Licensed

Similar vizzes

Loading thumbnail…

HW1 Chart3

This chart shows the number of SF PD calls per hour in December, with an area plot and a line overlay that both encode the count across a 24-hour period. It uses D3 v4’s `d3.tsv` loader to parse the data file, `d3.area` to create the filled region, and `d3.line` with a linear curve for the stroke. The SVG includes grid lines generated via `d3.axisBottom` and `d3.axisLeft`, with the x-axis labeled “Hour” and the y-axis “Number of Calls,” all rendered in a crisp, block-oriented layout.

LLjfernando
86% match
Loading thumbnail…

HW1 Chart3

This chart shows the number of SF PD calls per hour in December, with an area plot and a line overlay that both encode the count across a 24-hour period. It uses D3 v4’s `d3.tsv` loader to parse the data file, `d3.area` to create the filled region, and `d3.line` with a linear curve for the stroke. The SVG includes grid lines generated via `d3.axisBottom` and `d3.axisLeft`, with the x-axis labeled “Hour” and the y-axis “Number of Calls,” all rendered in a crisp, block-oriented layout.

LLjfernando
86% match
Loading thumbnail…

HW1 Chart1

This bar chart shows the number of 911 calls per police district in San Francisco, with districts ordered alphabetically along the x-axis and call counts on the y-axis. Each bar is rendered as an SVG rectangle using D3 v4’s data join, with a steelblue fill that turns brown on hover. The chart includes labeled axes, a title, and a horizontal grid generated via `d3.axisLeft` with custom tick sizing, while the data is loaded from a tab-separated `data.tsv` file using `d3.tsv`.

LLjfernando
82% match
Loading thumbnail…

HW1 Chart3

This chart displays the number of calls per hour over a 24-hour period, using an area chart to emphasize the volume distribution. The data is loaded from a tab-separated file and mapped to a linear scale for both the x-axis (hour) and y-axis (call count). The visualization uses D3 v4 to render SVG elements, including a filled area path and a line path, with gridlines generated via custom axis functions. The chart is titled “PD Calls Per Hour” with axis labels for hour and number of calls, with the area filled in light steelblue and the line stroke in steelblue.

LLjfernando
81% match
Loading thumbnail…

HW1 Chart2

This bar chart displays the number of reported incidents per crime category in descending order, sourced from a tab-separated data file. The horizontal bars use a steelblue fill that turns brown on hover, with a light grey grid highlighting the value scale. It is built with D3.js v4, using `d3.scaleLinear` for the x-axis, `d3.scaleBand` for the categorical y-axis, and SVG rect elements for rendering.

LLjfernando
77% match
Loading thumbnail…

A5 Line Chart D3

This line chart visualizes the count of police shootings per year from a CSV dataset. Using D3 v7, the chart aggregates records by the `Incident.Date.Year` field, sorts them chronologically, and renders a single steelblue path via `d3.line`. Linear scales (`scaleLinear`) map years and counts to the SVG canvas, with axes drawn by `axisBottom` and `axisLeft`. Axis labels and a bold title clarify the chart’s purpose.

Nnathanjmuljadi@gmail.com
73% match
Loading thumbnail…

hw9_1

This visualization shows how police shootings of unarmed subjects changed from 2010 to 2016 across the 50 largest US police departments, using a line chart with interactive hover. The line tracks the total number of shootings per year, while the tooltip displays the racial breakdown for each year (Latino, Black, White, Asian, Other, Unknown percentages). The chart uses D3 v4 with SVG rendering and includes axis labels, a hover interaction that reveals exact values, and a legend describing the race abbreviations. Data was collected by VICE News over a nine-month period.

HHussamHallak
71% match
Loading thumbnail…

Sheet2

A pie chart displays the distribution of incident counts across police districts, using a categorical color scale and labels positioned around each slice. The chart loads comma-separated data via `d3.xhr`, parses it with `d3.csv.parse`, and renders the visualization using `d3.layout.pie` and `d3.svg.arc`. Text annotations show the district name and magnitude for larger arcs, with the title drawn as an SVG text element. The code relies on D3 v3 and a fixed canvas size of 600 by 600 pixels.

CCatherine-Yu
70% match