Skip to main content
SimilarExport ZIP
100%

Felonies by District in San Jose,CR

✓ Published0🌍 Public
Eest85
Last edited May 30, 2020
Created on May 30, 2020
Forked from Making a bar chart

This bar chart displays the quantity of felonies across 15 districts in San Jose, Costa Rica, with San Jose itself showing the highest count and Dota the lowest. It uses D3 v5 with an SVG rendering, applying `scaleLinear` for the x-axis and `scaleBand` for the categorical y-axis. Data is loaded from a CSV file via `d3.csv`, then parsed and rendered as red rectangles with axes generated by `axisLeft` and `axisBottom`. Margins and padding define the layout.

AI-generated description

Cantidad de Delitos en San Jose

This bar chart shoes quantity of crimes in San Jose Costa Rica, divide by the districts.

MIT Licensed

Similar vizzes

Loading thumbnail…

Bar chart with D3.js

This bar chart visualizes COVID-19 infection counts across cantons in San José, Costa Rica, with San José leading at 145 cases. Built with D3 v5 and SVG, the chart uses `d3.scaleBand` and `d3.scaleLinear` for axes and rendering animated bars from CSV data. Hovering a bar triggers a `mouseenter` event that draws a dashed guide line and displays divergence values relative to the hovered canton, while fading other labels. Gridlines, axis titles, and descriptive text clarify the data, though no tooltip or transition effects are present beyond opacity changes.

AAdrianlead
75% 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
74% 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
71% 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
70% match
Loading thumbnail…

ADRIANLEAD: Covid San José

The visualization displays COVID-19 infection counts across cantons in San José, Costa Rica, as a bar chart. It emphasizes which areas are most affected to encourage preventive behavior. Rendered as SVG with animation, the chart uses d3.csv to load data, d3.scaleBand and d3.scaleLinear for axes, and d3.axisLeft and d3.axisBottom for tick marks. On mouseenter, hovering triggers transitions and appends a dashed guideline via chart.append('line'), while text elements show value divergences; mouseleave removes these elements and restores opacity.

AAdrianlead
70% match
Loading thumbnail…

Scatter Plot with Menus

A scatter plot displays crime statistics from a San Jose dataset, with dropdown menus letting users choose which numeric columns appear on the x- and y-axes. The visualization re-renders the chart with a smooth animated transition when a selection changes. Built with D3 v5, it uses the `scaleLinear`, `extent`, `axisBottom`, and `axisLeft` APIs to map data, while custom dropdown menus and SVG circle transitions update positions dynamically.

Eest85
69% match
Loading thumbnail…

Scatter Plot with Color Menu

This interactive scatter plot explores crime data from San José, Costa Rica, with three dropdown menus that re-map the x-axis, y-axis, and point colors to different columns. The visualization uses D3 v5’s `scaleLinear`, `scaleOrdinal`, and `schemeCategory10` for axes and categorical coloring, while custom reusable components (`dropdownMenu`, `scatterPlot`, `colorLegend`) handle the interface. Points animate via `transition().duration(2000)` when attributes change, and CSV data is loaded with `d3.csv`.

Eest85
69% match
Loading thumbnail…

d3.js experiment - Donuts, Bars and Crime.

The visualization presents crime data across San Francisco neighborhoods for a selected year, combining donut charts for offense type distribution and bar charts for hourly incident patterns. Each donut chart displays the share of crimes by neighborhood, with the total count centered and interactive hover labels revealing specific neighborhood names and values. The bar charts beneath show the frequency of incidents across 24 hours per offense type. Built with CoffeeScript, it uses D3.js primitives including `d3.svg.arc`, `d3.layout.pie`, and `d3.scale.ordinal` for coloring, while the JSON data source is loaded via `d3.json` from the `top-neighborhoods-{year}.json` endpoint.

CCaged
68% match