test_charts

100%

✓ Published0🌍 Public

Last edited Jun 24, 2023

Created on Jun 24, 2023

The example shows how Splink deduplicates a dataset of roughly 50,000 historical persons scraped from Wikidata, with deliberate errors introduced. It uses Altair to render interactive distribution charts of column-value frequency, including percentile rankings and token counts for fields like first_name. The visualization is generated from pandas DataFrames via the DuckDBLinker’s profiling output, with Vega-Lite JSON specifications embedded in a Jupyter notebook.

AI-generated description

Similar vizzes

Loading thumbnail…

testing stuff

This visualization maps social leaders by department over time, plotting each individual as a semi-transparent circle with a tooltip showing their name. The scatterplot uses Vega-Lite’s API with D3.js to fetch CSV data from a REST endpoint, then renders circles sized and colored consistently across a time axis sorted in descending order. The chart relies on Vega-Lite’s mark encoding for positioning and tooltips, while D3 handles data loading and the Vega runtime manages SVG rendering and interactive tooltip behavior.

AAnidiamDEV

64% match

Loading thumbnail…

test1

This example displays a simple bar chart of four data values (30, 50, 70, 90) rendered as SVG rectangles. It uses the D3.js library to select the SVG canvas, bind the data array, and append `rect` elements whose `x`, `y`, `width`, and `height` attributes are all set to the corresponding data value. The result is a series of squares originating from the top-left corner, sized proportionally to each number.

RRobinL

64% match

Loading thumbnail…

test

This example presents a multi-panel dashboard for exploring artist data, including a circular barplot that visualizes the distribution of music genres for a selected artist, with interactive tooltips and hover effects. Additional plots display language information derived from field arrays. The visualization uses D3 version 6, employing scales such as `scaleBand` and `scaleRadial` along with the `d3.arc` function to generate the circular bars. Data is fetched asynchronously from a REST API, and elements are rendered using SVG with mouse event handlers for interactivity.

JJuliette

64% match

Loading thumbnail…

Spotify Tracks Dataset

This interactive visualization explores a Spotify tracks dataset, letting users examine tracks by artist, album, and genre through a series of linked bar charts. Each chart displays tracks sorted by popularity, with dropdown menus to filter the data. Clicking a bar reveals detailed track information, including danceability, energy, and tempo. Built with Vue and D3 v5, the SVG-based charts use `scaleBand` and `scaleLinear` for axes and `select` for DOM manipulation, with a custom tooltip providing hover feedback. The dataset includes track metadata such as artist, album, and audio features.

Cchristina030

63% match

Loading thumbnail…

Table

This interactive visualization gallery presents a collection of chart types, including bar charts, pie charts, line charts, and scatter plots, all built using D3.js v5. Each chart is rendered as an SVG element and can be selected from a dropdown menu, with the underlying data displayed in a preview table. The example uses various D3 APIs such as `d3.scaleBand`, `d3.axisBottom`, and `d3.pie` to create the visualizations, with some charts featuring animation and tooltip interactions. Data is loaded from a CSV file and processed by the dashboard module.

JJoker-tr

63% match

Loading thumbnail…

Charts, Charts, Charts

This visualization displays four distinct chart types side by side: a doughnut chart, bar chart, radar chart, and pie chart. Each chart presents a different dataset, such as airline passenger numbers, player skill ratings, and EU population figures. The code uses Chart.js 2.8.0 for rendering all charts onto canvas elements, while D3.js v7 handles loading CSV data from a GitHub gist. The bar chart and pie chart use hardcoded arrays, but the doughnut chart demonstrates fetching and parsing external CSV data.

Ddevvansh1997

63% match

Loading thumbnail…

Vega-Lite API Template

This example displays a scatterplot of ODI player statistics, plotting matches played against runs scored, with point size encoding centuries and tooltips revealing player names. Built with the Vega-Lite API, it uses the `vl.markCircle` and `vl.encode` methods to define the visualization, while D3’s `csv` function loads the dataset from a GitHub gist. The chart fills the entire viewport, applies a custom configuration for axes and fonts, and renders via Vega’s SVG renderer with an interactive tooltip handler.

AAtharvap2000

63% match

Loading thumbnail…

Vega-Lite API Template

This example renders an interactive bar chart of population by country for 2015, using data from a Gist CSV file. It visualizes the rank-ordered values with a dark theme and custom axis styling. The visualization is built with the Vega-Lite API, which composes specifications programmatically in JavaScript, integrated with Vega and Vega-Lite libraries. It also uses D3’s `csv` loader for data ingestion, and Vega Tooltip for hover interactions, with the chart fitted to the full viewport.

TTengHoo3

63% match