Yaya Liu

@Yaya-Liu·3 public vizzes

Scatter plot

A scatter plot visualizes the relationship between Glucose and Insulin levels in the Pima Indians Diabetes dataset. The plot uses orange, semi-transparent circles to represent individual data points, with hover effects highlighting each point in red. The visualization is rendered as an SVG using D3 v6, employing `csv` for data loading, `scaleLinear` for axes, and `axisLeft` and `axisBottom` for tick marks. Data originates from Kaggle’s Pima Indians Diabetes Database.

Apr 26, 2021

Loading thumbnail…

test for small loop

This example tests looping through Census Bureau API requests for multiple years and data sets. It uses the ACS (American Community Survey) API to fetch median household income, total population, and unemployment data for Alleghany County, Maryland, from 2015 to 2019. The code constructs API URLs dynamically within for and while loops, then uses the Fetch API to retrieve JSON responses. A button triggers an export function that converts the collected results array into a CSV file for download (no d3.js visualization is rendered).

Feb 10, 2021

Loading thumbnail…

Bar chart

This bar chart displays the top 10 states with the highest unemployment rates as of December 2020, ranging from Hawaii at 9.3% to New Jersey at 7.6%. The data comes from the U.S. Bureau of Labor Statistics. Using d3.csv, d3.scaleLinear, and d3.scaleBand, the visualization renders horizontal bars in SVG, with axes generated by d3.axisLeft and d3.axisBottom. The chart applies a percentage format to the x-axis ticks and includes hover effects that change bar color and opacity.

Feb 8, 2021