Gist 7e0def20499d0f9fa328

100%

Gist 7e0def20499d0f9fa328

✓ Published0🌍 Public

Last edited Nov 10, 2015

Created on Nov 9, 2015

This example visualizes 15 years of U.S. federal contract data for a specified company, scraped from USASpending.gov. The code uses bash scripting with `curl` to download XML files by fiscal year, then converts them to JSON using `xml2json`, and cleans the output with `sed` to remove namespace prefixes. The resulting JSON files are stored per year, ready for further analysis or visualization.

AI-generated description

New and easier scraper!

Ok, all those functionalities are now rolled into one script! Get 15 years of contract data by running this on the command line. Returns a separate file for each year.

Takes the name of a company as an argument. If you want Hewlett-Packard data, for instance, run

$ bash scraper.sh Hewlett-Packard

Similar vizzes

Loading thumbnail…

Gist bfd5f48411d371e896e1

This visualization maps the speech patterns of 2016 U.S. presidential candidates by scraping and parsing transcripts from the blog What The Folly. The author uses Bash commands with `wget`, `grep`, `sed`, and `awk` to extract article text, then organizes files by candidate. The resulting dataset supports comparative analysis of candidate rhetoric, though the code shown focuses on data collection and file management rather than visual rendering, with no charting libraries or display techniques specified.

BBBischof

61% match

Loading thumbnail…

Gist 41e56c91ab9d245a846939ab9a448e40

This visualization tracks the archival status of web resources across years, showing counts of collected, archived, and not-archived items. It uses a grouped bar chart or line chart to compare yearly totals, with stacked segments for different archive services like archive.org, archive-it.org, and archive.today. The code employs D3.js’s `d3.forceSimulation` for layout and `transition.attrTween` for animated updates, while rendering via SVG paths. Data comes from the provided CSV file, which is parsed using `d3.csv` and mapped to scales for year and count.

HHussamHallak

58% match

Loading thumbnail…

Loading US GDP Data

This example demonstrates the asynchronous loading and parsing of a CSV file containing US GDP data, displaying the resulting data structure as JSON in a `<pre>` element. Initially showing "LOADING" and then the parsed array of objects, it fetches the dataset from a Gist URL, uses `d3.csvParse` to parse the CSV, and converts numeric fields like `date`, `level_current`, and `change_chained` to numbers. The visualization relies on the `d3` library for DOM selection and CSV parsing, with the data structured according to the BEA-sourced fields from datahub.io.

SSeekerzero

57% match

Loading thumbnail…

Scatter Plot of Loading US GDP Data with axes

This example uses a D3.js scatter plot to visualize annual US GDP data, plotting the year on the x-axis against GDP in current dollars on the y-axis. The visualization loads data from a GitHub-hosted CSV file sourced from the Bureau of Economic Analysis. The code leverages D3’s `scaleLinear`, `extent`, and `axisLeft`/`axisBottom` APIs to build scales and axes, with data parsed via `csvParse` and rendered as circles. A title labels the chart, and axes are annotated with descriptive text.

SSeekerzero

57% match

Loading thumbnail…

Assignment5

This visualization displays the relationship between market capitalization and annual revenue for 30 U.S. companies using a scatter plot. D3 v7 loads CSV data from a GitHub gist and renders an SVG chart with circles positioned by two quantitative axes. The code reports dataset summary statistics with formatted numbers and labels axes with dollar values in billions. Uses `d3.csv()` for parsing, `d3.extent()` for value ranges, and `d3.format()` for number formatting, with equal circle size to emphasize positional encoding.

HHaiyan Sun

57% match

Loading thumbnail…

Gist aee62010c9cd9b05dbbcfb8872b2c285

A scatterplot visualizes the lifespans of 101 fictional companies, plotting founding year on the x-axis and dissolution year on the y-axis. Each point represents a company, with diagonal positioning indicating longer durations. The visualization uses D3.js with `d3.forceSimulation` for layout and SVG circles. Data comes from the small-sample-companies.csv file. The rendering approach filters to companies with both start and end years, encoding temporal relationships directly through coordinate positions rather than additional visual channels.

WWilliamQLiu

57% match

Loading thumbnail…

as5

This bar chart summarizes sales data from a sample CSV file loaded from GitHub, showing total sales per year in an SVG chart alongside an HTML data table. The page uses D3 v7 to fetch and parse the remote CSV, aggregate sales by `YEAR_ID`, and render the visualization with `d3.select`, `d3.scaleBand`, and `d3.scaleLinear` to create bars and axes. The summary table above the chart displays the same yearly totals, offering a textual counterpart to the graphical presentation.

AAravindReddyJanke@my.unt.edu

57% match

Loading thumbnail…

Untitled

This example visualizes U.S. Gross Domestic Product data from 1947 to 2015 as a bar chart, with each bar representing a quarterly GDP value. The code fetches JSON data from a freeCodeCamp repository and uses D3 v7 scales, axes, and selection methods to render an SVG directly to the page. Bars are colored navy, with tooltips showing the date and value, while the x-axis displays dates and the y-axis shows GDP amounts. The visualization fills the entire browser window and dynamically scales based on viewport dimensions.

Aadventuresenglish.info@gmail.com

56% match