Infographics Mermaid.js
Creative Methodology for Infographic-Style Mermaid.js
Core Philosophy: Beyond Boxes and Arrows
Mermaid.js is traditionally used for technical flowcharts, but its true potential unlocks when treated as a declarative infographic engine. The goal is not just to map a process, but to create a visually appealing, highly intuitive representation of a concept that engages the viewer instantly.
Instead of asking: "How do I connect node A to node B?" Ask: "How can I visually represent this concept so it feels like a story or a physical reality?"
Creative Principles
1. Metaphorical Representation (Emojis as Actors)
Ditch the standard generic shapes (rectangles, diamonds) when representing real-world entities. Use emojis as the core visual actors within simple nodes to give life and relatability to the diagram.
- Example: Instead of a box saying "Data Point", use
((👤))to represent individuals in a population.
2. Visual Storytelling and Thematic Flow
A great diagram tells a story. Use connecting arrows and edge labels not just for technical relationships, but for narrative actions.
- Example: Instead of a simple arrow
-->, use a thematic transition with an icon like===>|" 🎲 Equiprobable Selection "|to show how the change happens.
More from zarvent/obsidian-skills
tag finder
assigns hierarchical academic tags using deep analytical reasoning. adapts taxonomy depth to note context and provides transparent reasoning for every classification decision.
17polish transcriptions
transforms raw transcriptions into polished obsidian notes with zero information loss. use for meetings, lectures, or interviews requiring cognitive reorganization, obsidian callouts, and structured formatting.
12set up aliases
Add accurate and relevant aliases to Obsidian notes for improved linkability, search discovery, and cross-language accessibility. Use when creating new notes, reviewing existing notes without aliases, or when the user asks to add alternative names for concepts.
11workout day
Create and execute daily gym workout notes with structured exercise templates. Use when planning workouts, logging gym sessions, or when the user asks for a workout routine with sets, reps, rest periods, and RPE targets.
4workout log standardization
Standardize raw gym notes and Spanish shorthand into machine-readable English markdown logs. Use when converting informal fitness tracking, handwritten notes, or Spanish workout records into structured vault data.
4upload changes to github for obsidian vault
analyzes uncommitted changes to generate a massive audit-level commit message. documents architectural decisions, trade-offs, and technical debt in exhaustive detail before pushing to github.
2