Skip to main content
SimilarExport ZIP
100%

wiki-data-api

✓ Published0🌍 Public
11wheel
Last edited Oct 22, 2015
Created on Oct 21, 2015

This example uses the Wikidata API to retrieve and display the tenure of every Speaker of the United States House of Representatives. It begins by querying Wikidata for all individuals who held the position, then fetches their biographical details, including birth and death dates and term start and end times. The `wikidata-sdk` library handles the API requests, while `d3` and `lodash` process the returned JSON data. The final output is a sorted list of speakers with their service periods, ready for charting.

AI-generated description

Using wikidata to download each Speaker of the House

https://github.com/maxlath/wikidata-sdk

https://www.wikidata.org/wiki/Q11702

https://www.wikidata.org/wiki/Q912994

Similar vizzes

Loading thumbnail…

Women in House of Representative

This line chart visualizes the total number of women in the U.S. House of Representatives across a selected range of years, highlighting the growth in female representation. The SVG rendering uses d3.v5 with `scaleLinear`, `axisBottom`, `axisLeft`, and a `line` generator with `curveBasis` to draw the red trend line. Data is loaded via `csv()` from a GitHub gist, and the code filters to rows 44–52 before plotting, with axes labeled “Years” and “Total Number of Women.”

RRinoj-Gautam
53% match
Loading thumbnail…

Fork of Women in House of Representative_area

This example visualizes the total number of women in the U.S. House of Representatives over an eight-year period, drawn from a CSV dataset of women in Congress. The chart presents the data as a red filled area beneath a curve, with labeled axes for years and total count, and includes a title. The visualization is built using D3 v5, leveraging the `area` generator with the `curveBasis` interpolation for smooth lines, along with `scaleLinear` and `axisBottom`/`axisLeft` for scales and axes. The SVG output is rendered through D3's selection and append methods, with data loaded via `csv`.

RRinoj-Gautam
52% match
Loading thumbnail…

graph2

A donut chart displays the partisan composition of the U.S. Senate across five congressional sessions, from the 112th through the 116th Congress. Users select a specific congress from a dropdown menu, which triggers animated transitions between the donut’s arc segments and updates the numeric labels positioned along thin connector lines. Built with D3 v5, the visualization uses `d3.pie`, `d3.arc`, and `transition.attrTween` to interpolate geometry smoothly, while `d3.scaleOrdinal` assigns colors to Republicans, Democrats, and Others. The underlying data is embedded as an array of objects containing seat counts per party for each session.

JJoseph D. Galloway II
50% match
Loading thumbnail…

Fork of HTML Starter - JRoberts

This example displays a textual summary of the “Speakers Data Summary” dataset, which contains speech samples from 2140 speakers across 177 countries with 214 native languages. The page shows the dataset’s size in kilobytes, row count, and column count. It loads a CSV file using `d3.csv` and computes these metrics with `d3.csvFormat`, then renders the results into an HTML `<pre>` element. The background uses a custom SVG image via CSS, and the page is styled with inline and external stylesheets.

JJustin Roberts
50% match
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
50% match
Loading thumbnail…

Wikidata for Theological Librarians

This example demonstrates how theological librarians can use Wikidata to explore and visualize interconnected scholarly data. It shows a SPARQL query interface that retrieves information about theologians, their works, and associated religious concepts, rendered as an interactive network graph. The visualization uses D3.js’s force-directed layout to position nodes and links, with hover tooltips revealing entity details. Data is sourced live from Wikidata’s public endpoint, while the code employs the `d3.forceSimulation` API for physics-based layout and custom SVG rendering for clarity.

CCliffordAnderson
49% match
Loading thumbnail…

Data viz with Vega-Lite API

This example visualizes live updates from a dataset about U.S. presidents, rendering each update as a bar in a Vega-Lite chart with datetime on the x-axis and author on the y-axis. It uses the Vega-Lite API (`vl.markBar`, `vl.x().fieldT`, `vl.y().fieldN`) to declaratively define the chart, with D3.js (`d3.json`) fetching the data from a GitHub gist. The visualization is customized via a config object, and the final SVG output is appended to the document body through the Vega view’s renderer.

AAkram Gassem
49% match
Loading thumbnail…

US Election Data Scatterplot

This scatterplot displays US House election results from 2008 to 2020, plotting each candidate’s vote count against the total votes cast in their district. The x-axis shows total votes, while the y-axis shows candidate votes, with overlapping semi-transparent circles revealing density patterns. The visualization uses d3.v6 to load CSV data from a GitHub gist, parses rows with numeric fields, and renders points via SVG circles scaled with d3.scaleLinear. Axes are generated using d3.axisLeft and d3.axisBottom, with the chart sized to the full window.

PPeter VanNostrand
48% match