Dimas_Visualization 1_Dataset1_Application of Cases and thier Decisions Over Time Scatterplot

Dimas_Visualization 1_Dataset1_Entracne Date for Cases and thier Decisions Over Time Scatterplot

This scatterplot explores the relationship between the date a defensive asylum case enters the system and the time it takes to reach a decision, with each point colored by the case’s decision code and hoverable to reveal the exact wait time in days. The visualization uses the Vega-Lite API and D3 to load and preprocess the data, parsing dates, calculating the wait time in days via `d3.timeDay.count`, and extracting the entry year for the x-axis. The y-axis shows the count of wait times, while the tooltip displays the raw wait-time value from the underlying dataset.

87% match

Fork of IMPROVED Scatterplot using react and D3 with DropDown Menu

This interactive scatterplot visualizes defensive asylum case wait times in days against the date cases entered the system, colored by decision code (Relief, Granted, Removed, Cast Terminated, or Unknown). A dropdown menu filters the data by year (2003–2011), dynamically updating the x-axis from showing years to showing months for the selected year. Built with React and D3 v5, the visualization uses `scaleTime`, `scaleLinear`, and `scaleOrdinal` for scales, with SVG circles rendered via React components. Data comes from a CSV file loaded through `d3.csv`, and an interactive color legend highlights decision categories on hover.

Ssuji8073

77% match

Multi Plots

This interactive dashboard displays asylum case wait times from a Defensive Asylum Cases dataset, featuring a main scatterplot with multiple mini bar charts showing distributions by nationality, month, and wait time. The main plot uses d3.scaleTime and d3.scaleOrdinal to render SVG circles colored by decision code, with hover interactions filtering data via a color legend. Users can filter by year through a React dropdown, which adjusts the x-axis time format and highlights selected data points.

77% match

Final Project In Progress...

This interactive scatterplot visualizes defensive asylum case wait times by application year, using a dropdown menu to filter between all years or a specific year from 2003–2011. The x-axis displays application date while the y-axis shows wait time in days, with hover tooltips revealing exact dates. Built with React and D3.js v5, the visualization uses `scaleTime` and `scaleLinear` to map data, with custom `AxisBottom`, `AxisLeft`, and `Marks` components rendering SVG circles. Data comes from a CSV file loaded via `d3.csv`, and the dropdown uses `ReactDropdown` to toggle between year groups.

Dimas_Dataset1_Defensive_Asylum_Immigration_Court

This example displays metadata about a sample of 100 defensive asylum cases in the U.S. immigration court system, showing the dataset’s size, row count, and column count. It loads a CSV file from a GitHub gist using `d3.csv` and formats the text with `d3.csvFormat`. The visualization summarizes the raw data rather than charting specific attributes, serving as a preliminary data overview for exploring case outcomes, nationality, and case duration.

IMPROVED Scatterplot using react and D3 with DropDown Menu

This interactive scatterplot displays the number of wait-time days from when a defensive asylum case entered the system to its exit, plotted against the entry date, with decision codes encoded by color. A dropdown menu filters the data by year, and hovering over the color legend fades unselected decision codes while tooltips show exact wait times. Built with React and D3 (v5), the visualization uses SVG elements, a time-scale x-axis that switches from year to month/day formatting depending on the selected range, and filters the dataset to show a "no data" message when a year has no entries. The dataset is loaded from a CSV URL.

Multi Plots_FirstStep

This scatterplot visualizes 200 sampled asylum cases, plotting wait time in days against the date each case entered the system. A dropdown menu filters the data by year, while a color legend categorizes points by decision code; hovering over legend items highlights the corresponding cases and fades others. The visualization uses React with D3 v5 APIs including `scaleTime`, `scaleLinear`, `scaleOrdinal`, and `extent` to render SVG axes, circles, and interactive elements. Data comes from a CSV file loaded via `d3.csv`, and filtering is handled through custom year-grouped attributes.