Fork of Fork of D3 Starter

Number of SCOTUS Cases by Issue Area

This bar chart displays the number of U.S. Supreme Court cases from 2018 to 2024 grouped by issue area, with issue names mapped from numeric codes and bars sorted in descending order. It uses d3.csv to load the data and d3.rollups to aggregate counts per issue. The visualization employs d3.scaleBand for the x-axis, d3.scaleLinear for the y-axis, and SVG rectangles for bars with hover effects. Gridlines, value labels, and rotated axis labels are added via d3.axisBottom, d3.axisLeft, and d3.selectAll. The data is sourced from a GitHub gist CSV file.

81% match

Pie Chart

This pie chart shows the distribution of US Supreme Court cases from 2018 to 2024 across six major issue areas, displaying each category’s share with percentage labels on slices larger than 10% and a legend with exact percentages. The visualization uses D3 v7’s `d3.pie`, `d3.arc`, and `d3.scaleOrdinal` APIs to compute and render the slices, labels, and legend from a CSV dataset fetched via `d3.csv`. The chart groups cases by issue area, counts them with `d3.rollups`, and sorts the results to highlight the most frequent topics.

Pie Chart

This pie chart visualizes the distribution of Supreme Court cases by issue area, using data from SCOTUS cases decided between 2018 and 2024. The chart displays the six most common issue areas, with each slice labeled by its case count and a legend identifying the corresponding category names. Built with D3 v7, the visualization uses `d3.csv`, `d3.rollups`, `d3.pie`, and `d3.arc` to process data and generate SVG paths, while `d3.scaleOrdinal` with `schemeCategory10` assigns slice colors. Labels are positioned using arc centroid calculations from a secondary `d3.arc` generator.

CSCE 5320 Assignment 5

This visualization presents the total number of U.S. Supreme Court cases from 2018–2024, split into liberal and conservative decision directions. The code loads a CSV dataset via `d3.csv`, computes counts with JavaScript array filters, and renders an SVG bar chart. It uses `d3.scaleBand` for the x-axis, `d3.scaleLinear` for the y-axis, and `d3.max` for domain scaling. Summary statistics appear in styled HTML text above the chart, which is drawn with `rect` and `text` elements styled via CSS classes.

Reusable D3 Scatter Plot

This scatter plot visualizes US Supreme Court cases from 2018 to 2024, plotting each case’s term against its majority vote count. The visualization uses a reusable D3 module, `scatterPlot`, which leverages `d3.scaleLinear`, `d3.extent`, `d3.axisLeft`, and `d3.axisBottom` to render the axes. Data is loaded via `d3.csv` from a remote GitHub Gist. The SVG chart fills the browser window, with semi-transparent steelblue circles representing individual cases.

Reusable D3 Scatter Plot

This reusable D3 scatter plot visualizes Supreme Court cases from 2018–2024, plotting petitioner codes against respondent codes. Each circle represents a case, colored by issue area (e.g., Criminal Procedure, Civil Rights), with a legend mapping colors to 14 issue categories. Built as a configurable `scatterPlot` function, it uses D3’s `scaleLinear`, `scaleOrdinal`, `axisLeft`, `axisBottom`, and `schemeCategory10` to render the SVG chart, complete with labeled axes, title, and interactive resizing via `window.innerWidth` and `window.innerHeight`.

77% match

Fork of D3 Starter

This example shows a horizontal bar chart of the number of cases across several countries, with the data loaded from a CSV file. The bars display values in a compact format using D3's `format` with the `~s` specifier. The chart uses `d3.scaleLinear` for the x-axis, `d3.scaleBand` for the y-axis categories, and `d3.axisLeft` and `d3.axisBottom` for the axes, all rendered as SVG. The code also applies margins, a title, and axis labels, with styling defined in a separate CSS file.

Mmarcob896

77% match

Line Chart

This line chart displays the number of Supreme Court cases per term between 2018 and 2024, sourced from a CSV file of SCOTUS cases. Using D3’s `csv`, `rollups`, and `scaleLinear`, the code aggregates case counts, renders a line with `line`, and adds points as `circle.point` elements. Axes are drawn with `axisBottom`, `axisLeft`, `axisTop`, and labels via `@curran/axis-labels`, over a light gray inner rectangle.