HW1 Chart2

100%

✓ Published0🌍 Public

Last edited Feb 12, 2017

Created on Feb 11, 2017

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.

AI-generated description

Built with blockbuilder.org

mit Licensed

Similar vizzes

Loading thumbnail…

HW1 Chart4

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`.

LLjfernando

77% 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

76% match

Loading thumbnail…

Test

A bar chart displays the frequency of different theft-related incidents, with counts ranging from 14 to 1800. The visualization uses D3 v4 with `d3.scaleBand` for the x-axis categories and `d3.scaleLinear` for the y-axis count scale. Data is loaded from a CSV file using `d3.csv`, then rendered as SVG rectangles with a yellow fill. Axis ticks and labels are generated using `d3.axisBottom` and `d3.axisLeft`.

GGoomble

74% match

Loading thumbnail…

Test

A bar chart displays counts for three crime categories—attempted theft, petty theft, and grand theft—using a linear y-scale and band x-scale. Bars exceeding half the maximum value are highlighted in red, while the rest use a teal fill. The chart is built with D3 v4, loading data from a CSV via `d3.csv`, rendering SVG rectangles, and adding axes with `d3.axisBottom` and `d3.axisLeft`.

GGoomble

73% match

Loading thumbnail…

Crime Data - Crime Type Occurence Analysis

This bar chart displays the number of occurrences for each crime type in a dataset, with rotated labels along the x-axis to accommodate longer category names. The visualization uses D3.js v7 to load a CSV file via `d3.csv`, aggregate counts with JavaScript objects, and render the chart as SVG. It employs `d3.scaleBand` and `d3.scaleLinear` for positioning, along with `d3.axisBottom` and `d3.axisLeft` to generate axes. The chart includes a title and axis labels, showing that theft or similar categories likely dominate the distribution.

VVinay Vemuri

73% 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

73% match

Loading thumbnail…

Bar chart with D3.js

This interactive bar chart displays crime statistics across Costa Rican cantons, breaking down reported incidents by victim type and offense category. Built with D3.js v5, the visualization uses `d3.scaleBand` and `d3.scaleLinear` to position SVG rectangles, with data loaded from a CSV file via `d3.csv`. Hovering over a bar triggers `mouseenter` and `mouseleave` events that fade other bars, draw a dashed threshold line via `chart.append('line')`, and temporarily display percentage divergence labels for comparison.

Eest85

73% match

Loading thumbnail…

exploration&Visu

This visualization uses D3 v4’s `d3.histogram` and `d3.scaleBand` to display crime counts as bar charts, with hardcoded arrays for daily and monthly totals. The SVG chart is generated via a reusable `chart` function, which sets up linear scales and an axis, then binds data to rectangle elements for bars. The code includes category labels for crime types and weekdays, but no external data file. Rendering is purely SVG with styled bars and axes.

AAminaSGitHub

73% match