Test

100%

✓ Published0🌍 Public

Last edited Feb 13, 2017

Created on Feb 13, 2017

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

AI-generated description

Built with blockbuilder.org

mit Licensed

Similar vizzes

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

90% match

Loading thumbnail…

Test

This example uses a dataset of bicycle-related crimes to render a bar chart in SVG, plotting categories from a CSV file along a band scale against their counts on a linear scale. The chart displays the values from the `numbers.csv` data as vertical bars, with axes positioned on the right and bottom using `d3.axisRight` and `d3.axisBottom`. The visualization is built with D3 v4, using `d3.scaleLinear` for the count axis and `d3.scaleBand` for categorical spacing, all within a single SVG element selected via `d3.select`.

GGoomble

84% match

Loading thumbnail…

Test

A bar chart displays count values from a CSV file across a categorical axis. The chart uses D3 v4 to load the data with `d3.csv`, scales the counts with `d3.scaleLinear` and the category positions with `d3.scaleBand`, and renders axes via `d3.axisBottom` and `d3.axisRight`. The SVG plot is positioned with margins, and the code includes calls to `getBoundingClientRect` to determine the available space. The visualization is built as a static SVG graphic with no interactive features.

GGoomble

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

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

76% match

Loading thumbnail…

Chicago Crime Dataset Analysis

This visualization presents a bar chart of Chicago crime data, ranking offense types by their recorded counts, with THEFT and BATTERY as the most frequent. The bars are color-coded and rendered as SVG using D3.js v5, with axes created via d3.axisLeft and d3.axisBottom. The code includes reusable modules for a dropdown menu and color legend, though the current renderer focuses on the bar chart. The data is loaded from a CSV file and processed with d3.csv, with scales built using d3.scaleLinear and d3.scaleBand.

Ssrrajendran

75% match

Loading thumbnail…

Fork of D3.js Line Chart

This visualization displays country crime indices as a line chart, using a bar-chart-style categorical X axis for countries and a linear Y axis for crime scores. Built with D3 v7, it loads data from a CSV file using `d3.csv`, applies a `scaleBand` for country positioning and `scaleLinear` for the crime index range, and draws the line with `d3.line()`. The SVG chart includes axes, labels, and a thick steel-blue stroke, rendered within a fixed 960×400 pixel canvas and styled with external CSS.

Bbhanuprasadk19

74% match

Loading thumbnail…

Fork of Making a Bar Chart 3

This bar chart visualizes student test marks, with each bar’s length representing a score from 1 to 100. Built with D3 v5, it uses `d3.scaleLinear` for the x-axis, `d3.scaleBand` for categorical student labels, and `d3.axisBottom` with a custom tick formatter that abbreviates numbers. The SVG renders steel-blue rectangles, and the chart includes axis labels and a title. Data is loaded from a CSV and multiplied by 1,000 during preprocessing.

TtreasurehunterAP

74% match