TurtleStoffel

      • ๐ŸŒณ Abstract Syntax Tree
      • ๐Ÿ’Ž Amethyst Window Manager
      • ๐Ÿ’… Auto Formatting
      • โžฐ Bezier Curves
      • ๐Ÿšฒ Bikeshedding
      • ๐Ÿงน Clang Format
      • ๐Ÿ“ Complexity
      • ๐Ÿ› Complexity Architecture
      • ๐Ÿง  Complexity Brain Dump
      • ๐Ÿ“ˆ Complexity Data Visualization
      • ๐Ÿ“Š D3
      • ๐Ÿ› D3.csv returns HTML Page instead of data
      • ๐Ÿ’ช D3 Force Simulation
      • ๐Ÿ“• Decision Log
      • ๐Ÿฆ• Deno
      • Deno - Vite - TailwindCSS Started Pack
      • ๐Ÿ” Dependency Injection
      • ๐Ÿงช Dependency Injection and Mocking in Unit Testing
      • ๐Ÿช„ Design Principles
      • ๐Ÿ› Difference between Linting and Formatting
      • ๐Ÿชด Digital Gardening
      • ๐Ÿšจ Error handling and Exceptions
      • ๐Ÿง  Extended Mind Hypothesis
      • ๐Ÿญ Factorio
      • ๐ŸŽฉ Gatsby
      • ๐Ÿ“ก Gitlab Remote Mindset
      • ๐Ÿ’… Git Log Pretty
      • ๐Ÿ‘ Good Tools Change Your Perspective
      • ๐Ÿ“˜ Grammarly
      • ๐Ÿ‘€ Graphics Programming in Kotlin
      • โ˜๏ธ Hosting
      • ๐Ÿ“— HTML Index For Codebase
      • ๐Ÿ™… I Don't Like Gradle
      • ๐Ÿ’— Interactive Content
      • ๐Ÿ“ˆ JavaScript-based Charts and Graphs Libraries
      • ๐Ÿƒ JavaScript Runtimes
      • ๐Ÿš€ Keyboard-only Setup
      • ๐Ÿง‘โ€๐Ÿ’ป๏ธ Kotlin
      • ๐Ÿ’ก Kotlin Code Tips
      • ๐Ÿ“ Kotlin Conventions
      • ๐Ÿ’… Kotlin Formatters
      • ๐Ÿชต Kotlin Logging
      • ๐Ÿงช Kotlin Spring Boot Integration Testing with WireMock
      • โ›‘๏ธ Kotlin Support in VSCode
      • ๐Ÿ”Œ Language Servers and Debug Adaptors
      • ๐Ÿ’ก LeadDev Berlin 2024
      • ๐ŸŽ“ Learning
      • ๐Ÿง Listening Notes - Generous, High Fidelity Communication Is the Key to a Safe, Effective Team
      • ๐Ÿฆฎ Listening Notes - Insubordination in Service of Resiliency and Safety
      • ๐Ÿง Listening Notes - The Code Quality Advantage
      • ๐Ÿค– LLM Experimenting Tool
      • ๐Ÿ“ Local Code Quality
      • โฏ๏ธ LWJGL Interactivity
      • ๐ŸŽ Maintaining Speed in a Growing Codebase
      • ๐Ÿ”ป Markdown
      • ๐Ÿ”ป Markdown Linting
      • ๐Ÿ‘” Match with your manager
      • ๐Ÿ”ป MDX
      • ๐Ÿ“ Measuring Software Complexity
      • ๐Ÿงœ Mermaid
      • ๐Ÿšš Migrate Pages on a Website
      • ๐Ÿชฆ Milestones
      • ๐ŸŒ… Mindfulness
      • ๐Ÿคก Mockk
      • ๐Ÿง‘โ€๐Ÿ’ป๏ธ My Custom VSCode Extension
      • ๐Ÿ‘จโ€๐Ÿ’ผ My Issue With Jobs
      • ๐ŸŽš My Quartz Configuration
      • ๐ŸŒ My Website Generator
      • ๐Ÿ”ผ Next JS
      • ๐Ÿ”€ ngrok
      • ๐Ÿ“บ No Boilerplate
      • โœ๏ธ Note-Taking
      • ๐Ÿ’ก Novel Ideas
      • ๐Ÿ” Observability
      • ๐Ÿ“Š Observable Plot
      • ๐Ÿชจ Obsidian
      • ๐Ÿ”Œ Obsidian Plugin Development
      • Offline Dependency Documentation
      • ๐Ÿฆ™ Ollama
      • โœจ OpenGL Shader Glow Effect
      • ๐Ÿ•ธ Open URL of Current Article
      • ๐Ÿข Ownership At Work
      • ๐Ÿ“ฆ package.json
      • ๐Ÿงฐ Pandoc
      • ๐Ÿ”— Permalinks
      • ๐Ÿ… Pomodoro
      • ๐Ÿ’… Prettier
      • โญ Procedural Content Generation - Stars
      • ๐Ÿš€ Productivity
      • ๐Ÿ–ฅ Programmatically Access Google Search Console Data
      • ๐Ÿ’ป Programming
      • โœ๏ธ Programming is the lines of code you didn't write
      • ๐Ÿ“ฆ Publishing Packages
      • ๐Ÿ Python
      • ๐Ÿ Python Virtual Environments
      • ๐Ÿ’Ž Quartz
      • ๐Ÿ“ Reading Notes - Basics of the Unix Philosophy
      • ๐Ÿ“ Reading Notes - Measuring Software Complexity: What Metrics to Use?
      • ๐Ÿ“ Reading Notes - Programming Advice To Younger Self
      • ๐Ÿ“ Reading Notes - Scaling TypeScript to thousands of projects
      • โš™๏ธ Reading YAML in Kotlin
      • ๐ŸŽจ Regular Expressions
      • ๐Ÿ€ Rules To Live By
      • ๐Ÿ“ Run LLMs Locally
      • ๐Ÿ–ฅ Screen Real Estate
      • ๐Ÿ” Search Metrics in VSCode
      • ๐Ÿ“‘ Service Level Agreement - Service Level Objective - Service Level Indicator
      • ๐Ÿค Shared Functionality
      • ๐Ÿ› ๏ธ Site Generators
      • ๐Ÿ— Site Migration PoC
      • ๐Ÿ”— Software Coupling and Complexity
      • ๐Ÿง‘โ€๐Ÿ’ป๏ธ Software Engineering At Google
      • ๐Ÿ“™ Software Engineering Guidebook
      • ๐Ÿ“ Software Engineering Principles
      • ๐Ÿง‘โ€โš–๏ธ Software Licenses
      • ๐Ÿง… Software Systems Are Like Onions
      • โœ”๏ธ Software Testing
      • ๐Ÿ”€ Stacked Diffs
      • ๐Ÿค– Summarise Webpages Using LLMs
      • โ™ป๏ธ Sustainable Software
      • ๐ŸŽจ Systems In The Entity-Component-System Design Pattern
      • ๐ŸŒฌ Tailwind
      • ๐Ÿ”– The Rectangle Rule in Code Readability
      • โœ… Todoist
      • ๐Ÿ’ช Todoist On Steroids
      • Todo items - Changelog
      • ๐Ÿ—’ To-do Lists
      • ๐Ÿ“ˆ Tracking Search Metrics
      • โŒจ๏ธ TypeScript
      • ๐ŸŒณ TypeScript Abstract Syntax Tree
      • ๐Ÿ› ๏ธ Useful Tools
      • ๐Ÿ‘ค User-Centric Content
      • ๐Ÿ”— Validate Links in Markdown File
      • โœŒ๏ธ Vibe Coding - A Critique
      • ๐Ÿ‘€ Visual Content on this Website
      • ๐ŸŽ Vite
      • ๐Ÿง‘โ€๐Ÿ’ป๏ธ VSCode
      • ๐ŸŒณ VSCode Multi-Root Workspaces
      • ๐Ÿ“ VSCode Output Channels
      • ๐Ÿ”Œ VSCode Plugin Development
      • ๐Ÿ“บ What I've Learned
      • ๐ŸชŸ Window Management and Shortcuts
      • โœ๏ธ Writing
      • ๐Ÿ–‹ Writing Is Like Programming
      • ๐Ÿฆฌ Yak Shaving
      • โŒ Yarn Plug'n'Play error without using Yarn
      • ๐Ÿงน You Should Refactor More Than You Think
      • ๐Ÿ—’ Zettelkasten

    ๐Ÿ“Š Observable Plot

    Oct 04, 20251 min read

    Plot is an exploratory data visualisation library based on D3 by Observable.

    • Link to NPM package, because there is another package called plot
    • ISC License (๐Ÿง‘โ€โš–๏ธ Software Licenses)
    • Getting started documentation

    Graphs donโ€™t seem to be available out of the box, but a Finite State Machine is close enough for initial experimentation.


    Graph View

    Backlinks

    • ๐Ÿ“ˆ Complexity Data Visualization
    • ๐Ÿ“ˆ JavaScript-based Charts and Graphs Libraries

    Created with Quartz v4.3.1 ยฉ 2025

    • GitHub
    • Discord Community