Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Mouseover

Public visualization

Viewing a saved revision (read-only)

2f2e986185604eff9c54b220cd8c110a

Mouseover

0 stars0🌍 Public
AAnnie Ulichney
Last edited Mar 15, 2021
Created on Mar 15, 2021

This visualization displays aggregated data about individuals under New York DOCCS custody, showing bar heights that represent the count of records for a selected variable on the x-axis against a chosen y-axis metric. Users can change both axes via dropdown menus, which re-aggregates the underlying dataset and updates the chart accordingly. The implementation uses D3 v5 functions including `d3.nest()` and `d3.rollup()` for data transformation, `d3.scaleBand()` and `d3.scaleLinear()` for scales, and `d3.axisBottom()` and `d3.axisLeft()` for axes. The visualization loads JSON data asynchronously via `d3.json()` and renders SVG rectangles with transitions on selection changes.

AI-generated description

NY DOCCS Under Custody Data Visualization with Filters on X and Y Axes

To Do:

  • Change "y-axis" and "x-axis" text to be outside the dropdown
  • Eliminate entries with no info for selected variables before plotting to prevent empty bars
  • Sort bars into descending
  • Bin age on x axis
  • Add summary tables
  • Add sentence length
  • CSV data input

Credit