Final Project 2024 ICE Arrests TreeMap

100%

Final Project 2024 ICE Arrests TreeMap

✓ Published0🌍 Public

Last edited Apr 24, 2025

Created on Apr 24, 2025

This interactive tree map visualizes U.S. Immigration and Customs Enforcement (ICE) arrest quantities by area of responsibility for the fiscal year 2024, using a dataset that includes geographic locations and numerical values. SVG rectangles are sized proportionally to arrest counts and colored via a blue-to-green interpolated scale, with hover tooltips displaying exact figures. The visualization is built with D3.js, leveraging its `d3.treemap()`, `d3.hierarchy()`, and `d3.scaleOrdinal()` APIs to compute layout and styling, while a smooth transition and animation enhance the rendering. Data is loaded from a CSV file and filtered for the target year.

AI-generated description

MIT Licensed

Similar vizzes

Loading thumbnail…

Final Project 2024 ICE Arrests TreeMap

This tree map visualizes ICE arrest quantities across 24 areas of responsibility for Fiscal Year 2024, with each rectangle sized by arrest count and colored on a dark-blue-to-teal scale where darker shades indicate higher totals. The visualization is rendered as an SVG using the D3.js library, specifically leveraging `d3.hierarchy`, `d3.treemap`, and a sequential color scale with a custom interpolator. Hovering over a tile reveals a tooltip with the exact quantities. The data is loaded from a CSV file (`TreeMapDataSet.csv`) containing fiscal year, area, and quantity fields, and the layout sorts the largest arrest areas first for quick comparison.

Rronnieferrufino4908@gmail.com

95% match

Loading thumbnail…

Final Project ICE Arrests Line Graph

This animated line chart shows the number of U.S. Immigration and Customs Enforcement (ICE) arrests by fiscal year from 2010 to 2025. The graph displays a steel-blue line that draws itself across the chart, followed by data points appearing sequentially. The visualization uses D3.js to load CSV data from `LineGraphDataSet.csv` and renders it as an SVG. The drawing effect is achieved using the `stroke-dasharray` and `stroke-dashoffset` properties, while the points animate in with a delayed transition.

Rronnieferrufino4908@gmail.com

85% match

Loading thumbnail…

Final Project PCP Graph

This parallel coordinates plot visualizes ICE arrest data from fiscal years 2014 onward, with each line representing a year across five dimensions: total quantity, border arrests, interior arrests, convicted criminals, and non-criminals. The D3.js v7 code uses `d3.scaleLinear` for each axis and `d3.scalePoint` for horizontal positioning, with a color ordinal scale distinguishing years. SVG rendering displays the axes and semi-transparent polylines, while an interactive legend allows highlighting specific years through hover behavior. The data is loaded from an external CSV file using `d3.csv`.

Rronnieferrufino4908@gmail.com

80% match

Loading thumbnail…

Final Project PCP Graph

A parallel coordinates plot visualizes U.S. border and interior arrest data from 2014 to 2025, with each colored line representing a fiscal year across axes for total quantity, border arrests, interior arrests, convicted criminals, and non-criminals. Built with D3.js v7, the SVG renders axes and polylines colored via a categorical scale, supporting interactive hover and legend-click highlighting through d3.select and event listeners. The dataset, loaded via d3.csv, filters out earlier incomplete years, and the tooltips highlight individual year trajectories without altering the underlying scale.

Rronnieferrufino4908@gmail.com

78% match

Loading thumbnail…

Fork of Fork of Fork of Final Project Criminality Line Graph

This interactive dashboard visualizes U.S. immigration enforcement arrests from fiscal years 2010–2025, comparing trends between convicted criminals and non-criminals using an animated dual-line chart. It employs D3.js v7 for SVG rendering, including d3.line, d3.area, and d3.scaleLinear for axes, with gradient area fills beneath each line. Users can toggle between linear and logarithmic scales via a button, replay animations, and hover over data points to see tooltips with exact values. The dashboard also calculates summary statistics from the CSV data, including totals, percentages, peak years, and recent averages.

NNita

77% match

Loading thumbnail…

Fork of Fork of Final Project Criminality Line Graph

This interactive D3.js dashboard visualizes immigration enforcement arrests from 2010 to 2025, comparing convicted criminals and non-criminals as animated line charts with gradient area fills. The chart uses `d3.scaleLinear` and `d3.scaleLog` for the Y-axis, with hover tooltips and playback controls. Data is loaded from a CSV file, and statistical insights are generated using `d3.sum`, `d3.mean`, and `d3.extent`. The interface includes a toggle for linear/log scales and animation replay, all rendered as responsive SVG.

NNita

75% match

Loading thumbnail…

ICE 7

This visualization shows the crime rate over time as a smooth orange area chart, with red titles and purple axis labels. It uses D3 v5 to load CSV data from a GitHub gist, parse the year and crime rate values, and render an SVG. The chart employs `scaleTime`, `scaleLinear`, `axisLeft`, `axisBottom`, and an `area` generator with `curveBasis` to create the filled line. Axis labels and a centered title are added manually, with tick marks extending across the plot for gridlines.

Kkakumanusreya

72% match

Loading thumbnail…

Final Project Criminality Line Graph

This line chart displays arrests based on criminality by fiscal year, comparing convicted criminals and non-criminals from 2010 to 2025. The red line represents convicted criminals, while the blue line tracks non-criminals, revealing divergent trends over time. The visualization uses D3.js APIs including `d3.csv`, `d3.scaleLinear`, `d3.line`, and `d3.axisBottom` to load data from the CriminalityLineChart.csv file, scale axes, and generate the SVG paths. Hoverable points and a legend enhance interactivity, while the animated SVG rendering context supports dynamic exploration.

Rronnieferrufino4908@gmail.com

71% match