9 Best Articles in 2022
github.blog
Include diagrams in your Markdown files with Mermaid
github.blog
2 min read · Feb 14th · Mermaid is a JavaScript based diagramming and charting tool that takes Markdown-inspired text definitions and creates diagrams dynamically in the browser.
Reader View · Shared by 148, including Veni Kunche, bouiboui, Steve "ardalis" Smith, Adrian Roselli 🗯, John Maeda, Ellen Shapiro, Esther Schindler, Mike Tamir, PhD, Nico Müller 🇺🇦, Kevin C. Tofel 🇺🇦, Chris Messina, Nils Hitze, Galen King
cloudcraft.co
Cloudcraft - Draw AWS diagrams
cloudcraft.co
1 min read · From 2015 · Draw AWS diagrams with Cloudcraft: Snap together components like EC2s and ELBs on an isometric grid
Reader View · Shared by 135, including Patric Fornasier, Benny Schudel, Malik El Bay 🕊, Balda, Navjeet Chabbewal, Simone Corsi 💻🚀, William El Kaim, Thomas Power, Philippe Gauvin, Claudio Perez Gamayo, Yannick D., Jim Mayes, von Moerenburgh, Stefan Smith
Atlassian
5 diagrams that show how context switching saps your productivity
Atlassian
5 min read · 2021-11-01 · The human brain can handle only so much change in a day. Here's how to keep context switching from tanking your productivity.
Reader View · Shared by 519, including maxadorno, Phillip Murphy, rohit, Oliver Raduner, Katja Evertz, Stephanie A Kowalski
nikgrozev.com
Await and Async Explained with Diagrams and Examples
nikgrozev.com
~11 min read · From 2017 · Explains JavaScript Async/Await syntax and semantics with diagrams and examples ...
Reader View · Shared by 87, including blinch, Rezha Julio, numano, Bryan Onel, Balda, Nando 💪🇦🇺🇦🇷, Vincent Liu, Matthias Lampe, Alligator.io 🐊
aprt.us
Apparatus: A hybrid graphics editor and programming environment for creating interactive diagrams
aprt.us
2 min read · From 2015 · Apparatus Apparatus is a hybrid graphics editor and programming environment for creating interactive diagrams. The Apparatus Editor runs in the browser and interactive diagrams created with Apparatus…
Reader View · Shared by 66, including Nando 💪🇦🇺🇦🇷, Charlie O'Keefe, Jan Willem Tulp, Mark Kaigwa, Andy Matuschak (afk thru 05/30), Tibor Martini 🇺🇦, David Bauer, yawniek, Oscar MacDonald
CSS-Tricks
Making Mermaid Diagrams in Markdown
CSS-Tricks
4 min read · Apr 18th · While Mermaid diagrams are not Markdown-exclusive, they is Markdown-inspired. using the same markup abstractions.
Reader View · Shared by 59
sciencefocus.com
A beginner's guide to Feynman diagrams
sciencefocus.com
7 min read · 2021-10-01 · In this extract from Ten Patterns That Explain The Universe, science writer Brian Clegg explains how Richard Feynman's eponymous diagrams not only illustrate complex particle interactions, but can…
Reader View · Shared by 55, including MIT Press
github.com
GitHub - soulmachine/machine-learning-cheat-sheet: Classical equations and diagrams in machine learning
github.com
From 2016 · machine-learning-cheat-sheet - Classical equations and diagrams in machine learning
Shared by 46, including Data Science Renee, Carla Gentry, Yves Mulkers, Marc R Gagné MAPP 🍁, Marcus Borba, Nico Müller 🇺🇦, Dr. Ganapathi Pulipaka 🇺🇸, Kirk Borne, Elena Neira, MIT CSAIL, Sean Gardner
mermaid-js.github.io
mermaid - Markdownish syntax for generating flowcharts, sequence diagrams, class diagrams, gantt charts and git graphs.
mermaid-js.github.io
From 2020
Shared by 65, including Ferit (at 🏠) 🌙, Francis DB, Pizza 🍕, Nando 💪🇦🇺🇦🇷, Pablo Felip, dunschtig, Emerson Macedo, Kevin Marks, Jason Norwood-Young, Alexander Seifert, David Garner
Trending
CSS-Tricks
Making Mermaid Diagrams in Markdown
CSS-Tricks
4 min read · Apr 18th · While Mermaid diagrams are not Markdown-exclusive, they is Markdown-inspired. using the same markup abstractions.
Reader View · Shared by 59
Towards Data Science
You Should Use This to Visualize SQL Joins Instead of Venn Diagrams
Towards Data Science
10 min read · Apr 4th · Venn diagrams are so last year
Reader View · Shared by 18, including Helen Yu, Mike Tamir, PhD
Knowable Magazine
Mapping the Brain to Understand the Mind
Knowable Magazine
7 min read · Apr 28th · New technology is enabling neuroscientists to make increasingly detailed wiring diagrams that could yield new insights into brain function
Reader View · Shared by 33, including Jennifer Ouellette, Jo Hemmings 🇺🇦, Daniel Kraft, MD, Robert Scoble
Hermit Crab
How to Optimize Productivity With a Workflow Diagram
Hermit Crab
2 min read · May 20th · By using workflow diagrams, you can boost your productivity and simplify your work processes. Here's how to make one for yourself.
Reader View · Shared by 5
More like this
excalidraw.com
Excalidraw
excalidraw.com
From 2020 · Excalidraw is a whiteboard tool that lets you easily sketch diagrams that have a hand-drawn feel to them.
Shared by 193, including Brian, Kelsey Hightower, Cameron Yick, ₵BZ, Esther Schindler, дэн, Nando 💪🇦🇺🇦🇷, Yoav Ganbar, Devon Govett, Massimiliano Aroffo, Elijah Manor, Arin Basu, Galen King, ITNEXT, Helmi, Niklaus Gerber, James Young 🇺🇦, David Hellmann, Christian Müller, Ines Bieler
diagrams.app
Diagrams: The Missing Diagram Editor for the Mac
diagrams.app
1 min read · From 2018 · Create beautiful structured diagrams like organizational charts, business process diagrams, flow charts or UML diagrams in a native Mac app.
Shared by 30, including John Sundell, Steve Troughton-Smith, Marcin Krzyzanowski, Esther Schindler, Max Stoiber
github.com
mingrammer/diagrams
github.com
From 2020 · :art: Diagram as Code for prototyping cloud system architectures - mingrammer/diagrams
Shared by 39, including Simone Corsi 💻🚀, Real Python, Nico Müller 🇺🇦, Evan (he/him), Damian Gryski, Dr. Ganapathi Pulipaka 🇺🇸, Linus Basig
dbdiagram.io
Database Relationship Diagrams Design Tool
dbdiagram.io
1 min read · From 2018 · Quick and simple free tool to help you draw your database relationship diagrams and flow quickly using just keyboard
Reader View · Shared by 37, including Mike Ivars, Fabrizio Bianchi, Balda, Waqas Ahmed
medium.freecodecamp.com
How CSS pseudo-classes work, explained with code and lots of diagrams
medium.freecodecamp.com
~13 min read · From 2016 · Let’s be honest — there are times when CSS can really hurt your brain. It’s hard enough to center an element inside its parents.
Reader View · Shared by 59, including Tibor Martini 🇺🇦, Veronika Lampion, Paul Jakob White, shishir das, René Stalder, Niklaus Gerber
creately.com
Draw Diagrams Online using Collaborative Diagram Tools
creately.com
1 min read · From 2015 · Easily draw diagrams online using Creately’s online diagramming tool. Diagram software packed with templates and features
Reader View · Shared by 31, including Navjeet Chabbewal, William El Kaim, Davo ⚡, Prof. Arun Kumar वाघचौरे
overflow.io
Meet Overflow
overflow.io
1 min read · From 2018 · Turn your designs into playable user flow diagrams that tell a story.
Shared by 176, including Fabricio Teixeira, Dominik Grolimund, Maarten Mieras, Kohei Asai, James Young 🇺🇦, HeyDesigner, sascha aßbach, mitimiti, Tris Hussey, Nando 💪🇦🇺🇦🇷, Jon Thompson, ErmanTaylan.eth, René Clausen Nielsen, Chris Messina, Adobe XD, Victor Tolosa, Jonathan Kogan, Galen King, SketchTalk, Katja Evertz
swimlanes.io
Create sequence diagrams with simple online tool
swimlanes.io
1 min read · From 2017 · Swimlanes.io is a free webapp for making sequence diagrams. You simply edit the text on the left and the diagram is updated in real time. You can download your sequence diagrams as images or…
Shared by 25, including Chris {he, they}, David Garner
github.com
design4use/gb-sketch-segmentcircle: Sketch plugin creates circular graphics for diagrams, instrumentation and analytics.
github.com
From 2016 · gb-sketch-segmentcircle - Sketch plugin creates circular graphics for diagrams, instrumentation and analytics.
Shared by 24, including Niklaus Gerber, Pizza 🍕, SketchTalk