# Searching the Visual Style and Structure of D3 Visualizations

arXiv: https://arxiv.org/abs/1907.11265 · HTML: https://mlsanity.com/paper/1907.11265/

## Key facts

- Cited by 11 papers in the map (data through 14 Oct 2026).
- First posted on arXiv 25 Jul 2019.

## Built on by (most cited first, 11 of 11)

- [ChartQAPro: A More Diverse and Challenging Benchmark for Chart Question Answering](https://mlsanity.com/paper/2504.05506/) (2025)
- [ChartInstruct: Instruction Tuning for Chart Comprehension and Reasoning](https://mlsanity.com/paper/2403.09028/) (2024)
- [Chart Question Answering: State of the Art and Future Directions](https://mlsanity.com/paper/2205.03966/) (2022)
- [Natural Language Generation for Visualizations: State of the Art, Challenges and Future Directions](https://mlsanity.com/paper/2409.19747/) (2024)
- [SimVecVis: A Dataset for Enhancing MLLMs in Visualization Understanding](https://mlsanity.com/paper/2506.21319/) (2025)
- [ChartKG: A Knowledge-Graph-Based Representation for Chart Images](https://mlsanity.com/paper/2410.09761/) (2024)
- [FactFlow: Automatic Fact Sheet Generation and Customization from Tabular Dataset via AI Chain Design & Implementation](https://mlsanity.com/paper/2502.17909/) (2025)
- [Boosting Text-to-Chart Retrieval through Training with Synthesized Semantic Insights](https://mlsanity.com/paper/2505.10043/) (2025)
- [Safire: Similarity Framework for Visualization Retrieval](https://mlsanity.com/paper/2510.16662/) (2025)
- [VA-Blueprint: Uncovering Building Blocks for Visual Analytics System Design](https://mlsanity.com/paper/2508.07497/) (2025)
- [Walking through Discussions: A Mobile Visual Analytics System for In-Situ Group Discussion Analysis](https://mlsanity.com/paper/2608.08617/) (2026)

## Abstract (arXiv)

We present a search engine for D3 visualizations that allows queries based on their visual style and underlying structure. To build the engine we crawl a collection of 7860 D3 visualizations from the Web and deconstruct each one to recover its data, its data-encoding marks and the encodings describing how the data is mapped to visual attributes of the marks. We also extract axes and other non-data-encoding attributes of marks (e.g., typeface, background color). Our search engine indexes this style and structure information as well as metadata about the webpage containing the chart. We show how visualization developers can search the collection to find visualizations that exhibit specific design characteristics and thereby explore the space of possible designs. We also demonstrate how researchers can use the search engine to identify commonly used visual design patterns and we perform such a demographic design analysis across our collection of D3 charts. A user study reveals that visualization developers found our style and structure based search engine to be significantly more useful and satisfying for finding different designs of D3 charts, than a baseline search engine that only allows keyword search over the webpage containing a chart.
