test for small loop

100%

test for small loop

✓ Published0🌍 Public

Last edited Feb 10, 2021

Created on Feb 6, 2021

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).

AI-generated description

This line chart shows single family housing prices from 2010 to 2020.

Data is from Zillow.

MIT Licensed

Similar vizzes

Loading thumbnail…

County Business Practices

This example displays the U.S. Census Bureau’s County Business Patterns data for 2020, showing employment figures and firm-size distributions across different industry classifications within a chosen Combined Statistical Area. The visualization presents the dataset as a raw table, allowing users to inspect the hierarchical NAICS codes alongside metrics like annual payroll, number of establishments, and employee count brackets. Under the hood, the code fetches the CSV, parses it with `d3.csvParse`, and converts numeric strings to numbers before rendering the JSON structure into a `<pre>` element via D3’s `selectAll` and `join` operations.

Hhmkyriacou

59% match

Loading thumbnail…

County Business Practices

This visualization compares data from the U.S. Census Bureau’s County Business Patterns for 2020 against a separate dataset of scores. Using a D3.js-based web application, it loads two CSV files from GitHub Gists and displays their parsed contents as JSON in two separate `<pre>` elements. The code leverages d3’s `csvParse` and `select` APIs within a state-driven render loop, fetching and updating data asynchronously to showcase raw data from the Combined Statistical Areas. It offers a minimal, text-based view of the structured datasets.

Hhmkyriacou

59% match

Loading thumbnail…

The Low- to Moderate-Income (LMI) New York State (NYS) Census Population Analysis dataset

This example reads a CSV file of Low- to Moderate-Income New York State census population data from a GitHub gist and displays basic dataset statistics. Using `d3.tsv` to load the file and `d3.csvFormat` to calculate its size, the visualization reports the file’s kilobyte size, row count, and column count in large text. The code also includes commented alternatives using `fetch` with `async`/`await` and a nested promise chain, illustrating different methods for loading and parsing tabular data in D3 v5. The source dataset comes from the NYS open data portal.

Ssophburke

57% match

Loading thumbnail…

Parse socioeconmic_data_states_2019-2010.csv

This example parses a US Census socioeconomic dataset covering states from 2010 to 2019, displaying basic file statistics such as size in kilobytes, row count, and column count. It shows how to load and inspect a CSV file using `d3.csv`, then formats the results into a text message rendered in a large `<pre>` element. The code also includes commented alternatives using `fetch` with `async`/`await` and `d3.csvParse` for comparison. The data source is a remote CSV file hosted on GitHub Gist, containing quantitative census attributes like employment, occupation, industry, and poverty rates.

PPeter Cordone

57% match

Loading thumbnail…

Loading and Parsing CSV Data for Bee Colony Census Data by County

This example loads a CSV file of bee colony census data by county and displays a summary of its size in the browser, showing the file’s kilobyte count, number of rows, and number of columns in large text. It demonstrates both `d3.csv` for parsing and an alternative async/await approach with `fetch` and `d3.csvParse`. The data, sourced from Data World via a GitHub gist, contains agricultural district and colony value columns, but no chart is rendered—only the dataset’s structural metrics are presented.

Bbootshine2

56% match

Loading thumbnail…

test

This example verifies CSV data loading and parsing through the D3.js library. It displays the file size in kilobytes, row count, and column count from the World Happiness 2021 dataset in a large text preformatted element. The code demonstrates two data-fetching methods—using `d3.csv` with promises and an alternative commented-out approach using `fetch` with `async` and `await`. The interface updates the message container with statistics about the successfully parsed dataset.

AAlbert Zarate

55% match

Loading thumbnail…

Verokone Example 1

This example visualizes aggregated tax and income data across various birth-year cohorts, ranging from 1922 to 2011, with a total population of 93,945 individuals. The chart displays the distribution of counts, combined incomes, and taxes per decade bucket. The visualization uses D3.v5 within a React framework, rendering to an SVG canvas. The code loads data from a JSON file and initially processes it by filtering out the total entry before setting up chart dimensions. While the core data access and dimension setup are implemented, the subsequent scale creation, drawing of data elements, and axis rendering are currently commented out, leaving the final visual output incomplete.

Jjbruzzo

55% match

Loading thumbnail…

Earnings and Education

This example displays the file size, row count, and column count of a CSV dataset on earnings and education from Stock and Watson (2007), using data from the March Current Population Surveys. It loads the data with d3.csv and renders the summary statistics as text in a large <pre> element. The code also includes commented alternatives using fetch with async/await and a nested promise chain to illustrate different parsing approaches.

JJunying Li

54% match