# D3 Projects at AI Tinkerers

> Canonical HTML: https://aitinkerers.org/technologies/d3
> Markdown URL: https://aitinkerers.org/technologies/d3.md
> Technology record last updated: 2026-09-18T15:13:39Z
> Generated: 2026-09-22T15:45:02Z

D3.js (Data-Driven Documents) is a low-level JavaScript library for manipulating the DOM to create high-performance, interactive data visualizations.

D3.js binds data to the Document Object Model: it drives the creation and animation of elements through functional transformations. Mike Bostock released the library in 2011 to replace Protovis, and it has since become the backbone of modern data journalism (notably at The New York Times). It utilizes standard web technologies (SVG, Canvas, and HTML) rather than a proprietary framework. This gives you granular control over every pixel. You can use its modular components like d3-geo for map projections or d3-shape for complex paths. It remains the primary engine for sophisticated dashboards at organizations like Uber and Observable.

- Official technology site: https://d3js.org/
- Public AI Tinkerers demos and talks: 6
- Result page: 1 of 1

## Recent Public Talks and Demos

### [AI-utomated open source project](https://missoula.aitinkerers.org/talks/rsvp_8vucNXtGqcw)

I use scheduled loops with Claude Code to build, maintain, and enhance the myIO project for data visualization

- Event context: AI Tinkerers – Missoula Inaugural Meetup · 26 August 2026 — 2026-08-26 — Missoula
- Public talk page: https://missoula.aitinkerers.org/talks/rsvp_8vucNXtGqcw

### [MCP Apps: Shipping Interactive UIs with a Translation Server](https://cologne.aitinkerers.org/talks/rsvp_WllqXAqGhlM)

Four live demos adding interactive Views to a production MCP server using ext-apps. Demo 1: side-by-side translation diff with glossary term highlighting and model quality comparison. Demo 2: D3 force-directed network graph exploring 10k+ glossary terms across 30 languages. Demo 3: inline glossary marketplace -- browse, preview, one-click install. Demo 4: drop a product photo, Gemini OCR extracts text, DeepL translates it, Imagen 3 regenerates the image with culturally adapted people and scenery. All rendering inline in the chat, all calling back to the server from the iframe.

- Event context: AI Tinkerers Cologne 3: Demos, Code, and Architecture — 2026-03-05 — Cologne
- Public talk page: https://cologne.aitinkerers.org/talks/rsvp_WllqXAqGhlM

### [MOFUX: vibe coding scientific data visualization](https://atlanta.aitinkerers.org/talks/rsvp_vRwTk9Be8_I)

This project is an interactive visual interface into a dataset of 220k experimental and generated Metal-Organic Frameworks (MOFs). The aim of the project is to give the materials science community an intuitive way to explore this open-source dataset.

- Event context: AI Tinkerers Atlanta: Code-First Demos &amp; Technical Deep Dives | January 27, 2026 — 2026-01-27 — Atlanta
- Public talk page: https://atlanta.aitinkerers.org/talks/rsvp_vRwTk9Be8_I

### [Number Theory enpowers the World - AI, Cryptography, Otimization](https://boston.aitinkerers.org/talks/rsvp_zcUw1UfJkB0)

Title: Number Theory Empowers the World: AI, Cryptography, and Optimization Description: This talk presents how a 45-year-old mathematical discovery in number theory—specifically Egyptian fraction decomposition methods—is solving critical problems across three domains: 1. CRYPTOGRAPHY: Structural integrity verification for cryptographic keys (RSA, post-quantum, blockchain) that detects vulnerabilities traditional PKI audits miss 2. AI OPTIMIZATION: Novel approaches to transformer attention mechanisms offering 10-100× computational efficiency improvements 3. GENERAL OPTIMIZATION: New algorithmic frameworks for resource allocation, network routing, and complex scheduling problems The presentation demonstrates how fundamental mathematical research—originally focused on the unsolved Erdős-Straus Conjecture—has unexpected cross-domain applications in modern computing challenges. Drawing on 45 years of research under Carl Pomerance (Dartmouth/ University of Georgia) and Edwin Moise (Harvard/ Queens College), this talk shows how deep mathematical structures provide computational advantages that contemporary algorithms miss. Key takeaways: - How Egyptian fraction theory applies to modern computing - Practical applications in cryptographic security and government infrastructure - Potential AI efficiency breakthroughs from number-theoretic methods - Why fundamental mathematics matters for technological innovation Suitable for: AI researchers, security engineers, optimization specialists, and anyone interested in the intersection of pure mathematics and practical computation.

- Event context: AI Tinkerers Boston Meetup December 2025 — 2025-12-02 — Boston
- Public talk page: https://boston.aitinkerers.org/talks/rsvp_zcUw1UfJkB0

### [LLMs, Grafos e CNPJs: Quem é Sócio de Quem?](https://saopaulo.aitinkerers.org/talks/rsvp_mPc2gZt_myM)

A demonstração apresenta um chatbot construído com LLM e few-shot prompting capaz de traduzir perguntas em linguagem natural para consultas Cypher em um grafo Neo4j contendo a base pública de CNPJs da Receita Federal. Na demo, mostrarei, usando a forma mais simples possivel, como um modelo de linguagem gera consultas a partir do schema.

- Event context: Ai Tinkerers São Paulo com Link School of Business e Oracle - Agosto 2025 — 2025-08-28 — São Paulo
- Public talk page: https://saopaulo.aitinkerers.org/talks/rsvp_mPc2gZt_myM

### [Spoticry](https://ann-arbor.aitinkerers.org/talks/rsvp_aXC9uPQBYhQ)

SpotiCry is a full-stack emotional analytics platform I developed to help college students understand their emotions during stressful times. It uses D3.js and Chart.js for data visualization, with a Flask-based RESTful API serving data to a React frontend. The platform automates data extraction from Google Sheets and uses MongoDB for storage. I am now exploring AI integration, specifically NLP for analyzing user inputs and ML models for predicting emotional patterns. I will demo the current functionality and discuss the challenges and opportunities in incorporating AI to enhance emotional insights and user experience.

- Event context: AI Tinkerers: Ann Arbor - September 18 — 2024-09-18 — Ann Arbor
- Public talk page: https://ann-arbor.aitinkerers.org/talks/rsvp_aXC9uPQBYhQ

## Related Technologies

- [Python](https://aitinkerers.org/technologies/python) ([Markdown](https://aitinkerers.org/technologies/python.md)) — 662 public demos
- [React](https://aitinkerers.org/technologies/react) ([Markdown](https://aitinkerers.org/technologies/react.md)) — 220 public demos
- [Apache Kafka](https://aitinkerers.org/technologies/apache-kafka) ([Markdown](https://aitinkerers.org/technologies/apache-kafka.md)) — 8 public demos
- [Claude Code](https://aitinkerers.org/technologies/claude-code) ([Markdown](https://aitinkerers.org/technologies/claude-code.md)) — 216 public demos
- [ClickHouse](https://aitinkerers.org/technologies/clickhouse) ([Markdown](https://aitinkerers.org/technologies/clickhouse.md)) — 4 public demos
- [Cloud Run](https://aitinkerers.org/technologies/cloud-run) ([Markdown](https://aitinkerers.org/technologies/cloud-run.md)) — 12 public demos
- [Cytoscape](https://aitinkerers.org/technologies/cytoscape) ([Markdown](https://aitinkerers.org/technologies/cytoscape.md)) — 1 public demo
- [DeepL API v2/v3](https://aitinkerers.org/technologies/deepl-api-v2-v3) ([Markdown](https://aitinkerers.org/technologies/deepl-api-v2-v3.md)) — 1 public demo
- [Flask](https://aitinkerers.org/technologies/flask) ([Markdown](https://aitinkerers.org/technologies/flask.md)) — 24 public demos
- [Google Sheets](https://aitinkerers.org/technologies/google-sheets) ([Markdown](https://aitinkerers.org/technologies/google-sheets.md)) — 10 public demos
- [GraphCypherQAChain](https://aitinkerers.org/technologies/graphcypherqachain) ([Markdown](https://aitinkerers.org/technologies/graphcypherqachain.md)) — 1 public demo
- [LangChain](https://aitinkerers.org/technologies/langchain) ([Markdown](https://aitinkerers.org/technologies/langchain.md)) — 445 public demos
- [MCP Apps SDK](https://aitinkerers.org/technologies/mcp-apps-sdk) ([Markdown](https://aitinkerers.org/technologies/mcp-apps-sdk.md)) — 1 public demo
- [MongoDB](https://aitinkerers.org/technologies/mongodb) ([Markdown](https://aitinkerers.org/technologies/mongodb.md)) — 15 public demos
- [Neo4j](https://aitinkerers.org/technologies/neo4j) ([Markdown](https://aitinkerers.org/technologies/neo4j.md)) — 29 public demos
- [NGLViewer](https://aitinkerers.org/technologies/nglviewer) ([Markdown](https://aitinkerers.org/technologies/nglviewer.md)) — 1 public demo
- [R](https://aitinkerers.org/technologies/r) ([Markdown](https://aitinkerers.org/technologies/r.md)) — 2 public demos
- [REGL](https://aitinkerers.org/technologies/regl) ([Markdown](https://aitinkerers.org/technologies/regl.md)) — 1 public demo
