Skip to main content
100%

Final Project In Progress...

✓ Published0🌍 Public
GGeri D.
Last edited Jan 4, 2021
Created on Oct 8, 2020

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.

AI-generated description

Visualizing the data DefensiveAsylumCases_Dataset1: A scatterplot showing the Number of Wait Time in days from when a case entered the system to when they exited compared to when they entered. The quantitative attribute shows the Decision Code of the case and if you hover you see the wait time in days.

I was previously struggling with getting my dropdown to work with only showing years from a slected year. I saw one of my classmates Taylor was working on a similar idea by filtering groups of years together in her plot Plot launch year/month with menus. This was a huge help to me because it helped me see how to easily filter my data by year and assign them to a group categorical variable so that when I selected the variable in the dropdown only those data point would show!

In addition I was able to get my x-axis to change from showing years when "All Years" is shown to only showing the month (in numberic form) whne a specific year was selected by writing a function for the selction of xTickFormat based on the xAttribute value selected.

The Next thing I need to fix is to filter my data to only show each cases 1st appearance since this data for entrance date is the same for every occurrence of a case this causes there to be those long vertical lines.

MIT Licensed

Similar vizzes