Cantidad de Crímenes según Franjas Horarias

100%

Cantidad de Crímenes según Franjas Horarias

✓ Published0🌍 Public

Last edited May 17, 2021

Created on May 17, 2021

This bar chart shows the number of crimes in Buenos Aires across four time periods (Noche, tarde, Mañana, Madrugada), with bar length encoding counts and color changing to green on hover. The visualization uses D3 v5 to load CSV data and render SVG rectangles, employing `scaleLinear` for the x-axis, `scaleBand` for the y-axis, and `axisLeft`/`axisBottom` for ticks. A custom tooltip div appears on mouseover, and the bars are highlighted with a fill transition, all within a static SVG canvas.

AI-generated description

MIT Licensed

Similar vizzes

Loading thumbnail…

Chicago Crime Data Analysis

This visualization analyzes Chicago crime data to reveal which time of day experiences the highest number of incidents. An interactive bar chart displays the total count for each time period, with bars highlighted on hover and a tooltip showing the exact value. The chart is built using D3.js v5, utilizing `scaleBand` and `scaleLinear` for axes, `axisLeft` and `axisBottom` for ticks, and a custom `colorLegend` module. The SVG render includes animated bar highlighting and a dropdown menu for data filtering.

Ssrrajendran

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

69% match

Loading thumbnail…

Tab.1(3)- Items of general project funding in 2018 (by nature of institutions)

This example displays a stacked bar chart of crime records from Costa Rica, where each bar represents a sub-delito (sub-crime) category and is segmented by the canton (county) where the crime occurred. The visualization uses D3.js version 3 to render SVG shapes with animated transitions, and includes an interactive color legend that highlights specific cantons when hovered. It also provides tooltips via the d3-tip library to show detailed counts. The data is loaded from a CSV file containing 110 crime entries with fields for canton, district, and crime type. The chart is a direct adaptation of Curran Kelleher's stacked bar chart example, with modified axis labels and formatting.

Eest85

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

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

66% match

Loading thumbnail…

Line Chart

This line chart displays the daily number of crimes over a 31-day period, with the x-axis mapping days and the y-axis mapping crime counts. The SVG rendering uses D3 v4, specifically `d3.scaleTime` and `d3.scaleLinear` for position encodings, `d3.line` for the path, and `d3.axisBottom` and `d3.axisLeft` for axes. Data is loaded from a CSV file via `d3.csv`, with numeric parsing applied to both fields. The line is drawn in steelblue with rounded joins and caps, and the y-axis is labeled "Price ($)".

GGoomble

66% match

Loading thumbnail…

Gráfico Lineal Temp/Día 2012 (CABA)

This line chart displays hourly temperature readings in Buenos Aires City (CABA) for the year 2012, derived from a CSV file with columns for date, station, temperature, and other meteorological variables. The visualization, rendered as an SVG, uses D3 v5 APIs including `scaleTime`, `scaleLinear`, `axisBottom`, `axisLeft`, and `line` with a `curveBasis` smoothing to create a single continuous path for the temperature data. The chart includes grid lines, axis labels, and a title, with dates parsed using `timeParse` and formatted via `timeFormat`.

Jjeronimoek

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

65% match