photog.social is one of the many independent Mastodon servers you can use to participate in the fediverse.
A place for your photos and banter. Photog first is our motto Please refer to the site rules before posting.

Administered by:

Server stats:

246
active users

#diagram

0 posts0 participants0 posts today
Tom :damnified:<p>Automatic dark mode for Drawio diagrams using CSS filters</p><p><a href="https://thomas-leister.de/en/dark-mode-for-drawio-diagrams/" rel="nofollow noopener" translate="no" target="_blank"><span class="invisible">https://</span><span class="ellipsis">thomas-leister.de/en/dark-mode</span><span class="invisible">-for-drawio-diagrams/</span></a></p><p>I recently found a nice CSS-based solution to give my Draw.io graphics in my blog an automatic dark mode.</p><p><a href="https://metalhead.club/tags/css" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>css</span></a> <a href="https://metalhead.club/tags/web" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>web</span></a> <a href="https://metalhead.club/tags/webdev" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>webdev</span></a> <a href="https://metalhead.club/tags/development" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>development</span></a> <a href="https://metalhead.club/tags/blog" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>blog</span></a> <a href="https://metalhead.club/tags/drawio" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>drawio</span></a> <a href="https://metalhead.club/tags/diagram" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>diagram</span></a></p>
Tom :damnified:<p>Automatischer Dark Mode für Drawio Diagramme mittels CSS Filter</p><p><a href="https://thomas-leister.de/dark-mode-for-drawio-diagrams/" rel="nofollow noopener" translate="no" target="_blank"><span class="invisible">https://</span><span class="ellipsis">thomas-leister.de/dark-mode-fo</span><span class="invisible">r-drawio-diagrams/</span></a></p><p>Habe da kürzlich eine schöne CSS-basierte Lösung gefunden, um meinen Draw.io Grafiken im Blog auch einen automatischen Dark Mode zu spendieren. </p><p><a href="https://metalhead.club/tags/css" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>css</span></a> <a href="https://metalhead.club/tags/web" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>web</span></a> <a href="https://metalhead.club/tags/webdev" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>webdev</span></a> <a href="https://metalhead.club/tags/development" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>development</span></a> <a href="https://metalhead.club/tags/blog" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>blog</span></a> <a href="https://metalhead.club/tags/drawio" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>drawio</span></a> <a href="https://metalhead.club/tags/diagram" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>diagram</span></a></p>
AI6YR Ben<p>I have no idea what this is, but if you ever needed a flow chart on how to make Salisbury steak, LOL</p><p><a href="https://m.ai6yr.org/tags/salisburysteak" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>salisburysteak</span></a> <a href="https://m.ai6yr.org/tags/flowchart" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>flowchart</span></a> <a href="https://m.ai6yr.org/tags/diagram" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>diagram</span></a></p>
Felix 🇨🇦 🇩🇪 🇺🇦<p>A great curated list of online text to <a href="https://mstdn.io/tags/diagram" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>diagram</span></a> tools.</p><p><a href="https://xosh.org/text-to-diagram/" rel="nofollow noopener" translate="no" target="_blank"><span class="invisible">https://</span><span class="">xosh.org/text-to-diagram/</span><span class="invisible"></span></a></p>
Douglas E. Welch<p>This Venn diagram-inspired AI image generator is strangely satisfying via Creative Bloq [Shared]</p><p>There are already more&nbsp;AI image generators&nbsp;than the world could possibly ever need, even if AI art does become the norm. But that's not stopping people from experimenting with new ways to present them.</p><p>Many AI image generators let you request a particular artistic style or combine several to influence the look of the image you want to generate. Super Random Studio has come up with a clever UI design to allow styles to be quickly changed and compared along with environments.</p><p><a href="https://welchwrite.com/blog/2025/05/08/this-venn-diagram-inspired-ai-image-generator-is-strangely-satisfying-via-creative-bloq-shared/" rel="nofollow noopener" translate="no" target="_blank"><span class="invisible">https://</span><span class="ellipsis">welchwrite.com/blog/2025/05/08</span><span class="invisible">/this-venn-diagram-inspired-ai-image-generator-is-strangely-satisfying-via-creative-bloq-shared/</span></a></p><p><a href="https://nerdculture.de/tags/ai" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>ai</span></a> <a href="https://nerdculture.de/tags/image" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>image</span></a> <a href="https://nerdculture.de/tags/generator" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>generator</span></a> <a href="https://nerdculture.de/tags/software" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>software</span></a> <a href="https://nerdculture.de/tags/web" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>web</span></a> <a href="https://nerdculture.de/tags/venn" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>venn</span></a> <a href="https://nerdculture.de/tags/diagram" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>diagram</span></a> <a href="https://nerdculture.de/tags/shared" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>shared</span></a> </p><p><span class="h-card" translate="no"><a href="https://fuzzies.wtf/@altbot" class="u-url mention" rel="nofollow noopener" target="_blank">@<span>altbot</span></a></span></p>
Karsten Schmidt<p>Just added some new diagrams to describe the internals of the <a href="https://thi.ng/block-fs" rel="nofollow noopener" translate="no" target="_blank"><span class="invisible">https://</span><span class="">thi.ng/block-fs</span><span class="invisible"></span></a> block storage &amp; filesystem (incl. some examples) and also added/updated CLI tooling docs...</p><p><a href="https://mastodon.thi.ng/tags/ThingUmbrella" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>ThingUmbrella</span></a> <a href="https://mastodon.thi.ng/tags/BlockStorage" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>BlockStorage</span></a> <a href="https://mastodon.thi.ng/tags/FileSystem" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>FileSystem</span></a> <a href="https://mastodon.thi.ng/tags/TypeScript" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>TypeScript</span></a> <a href="https://mastodon.thi.ng/tags/JavaScript" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>JavaScript</span></a> <a href="https://mastodon.thi.ng/tags/Documentation" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Documentation</span></a> <a href="https://mastodon.thi.ng/tags/Diagram" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Diagram</span></a></p>
Dustin [BusySignal-KE2EFX]<p>Finalizing the "Wall of SDR" ...</p><p>P25 in to Trunk Recorder</p><p>Multiple SDR into Kismet Wireless for 315/433/915/1090 and also a BT TIC for BTLE monitoring</p><p>Multiple SDR into SDR++ Server for local Amateur Radio Repeaters monitoring</p><p>Dedicated line to another machine for just specific testing. </p><p>And then finally documented. </p><p><a href="https://infosec.exchange/tags/SDR" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>SDR</span></a> <a href="https://infosec.exchange/tags/SoftwareDefinedRadio" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>SoftwareDefinedRadio</span></a> <a href="https://infosec.exchange/tags/AmateurRadio" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>AmateurRadio</span></a> <a href="https://infosec.exchange/tags/HAMRadio" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>HAMRadio</span></a> <a href="https://infosec.exchange/tags/RTLSDR" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>RTLSDR</span></a> <a href="https://infosec.exchange/tags/BladeRF" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>BladeRF</span></a> <a href="https://infosec.exchange/tags/KismetWireless" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>KismetWireless</span></a> <a href="https://infosec.exchange/tags/Kismet" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Kismet</span></a> <a href="https://infosec.exchange/tags/WiFi" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>WiFi</span></a> <a href="https://infosec.exchange/tags/BTLE" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>BTLE</span></a> <a href="https://infosec.exchange/tags/Diagram" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Diagram</span></a> <a href="https://infosec.exchange/tags/Documentation" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Documentation</span></a> <a href="https://infosec.exchange/tags/WiresWiresWires" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>WiresWiresWires</span></a> <a href="https://infosec.exchange/tags/Antennas" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Antennas</span></a> <a href="https://infosec.exchange/tags/ADSB" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>ADSB</span></a> #1090</p>

Back when our youngest two were co-sleeping with us, our nights were long and painful. But we persevered, because love.

I drew this diagram of our sleeping arrangement for posterity. As you can see, I spent most of the night hanging off the bed and being punched by flailing arms.

Somehow we survived. 🤷🏻‍♂️

I had to do a wiring diagram for the guy who's car I added boost-by-gear to, via a couple of pressure switches and resistor block I made up to simulate a gear position sensor. He wants a wiring diagram and usually I would just draw one by hand as it is pretty simple, but decided I should put some time into learning Kicad. And damn does it feel professional to be able to hand over a nicely drawn and printed out schematic.

#KiCad #Wiring #Diagram #Schematic #motorsport

This image captures the intricate web of train movements at Manchester Piccadilly, illustrating the organized chaos that underpins urban transport networks. The digital representation of interconnected routes and live timing reflects the dynamic flow of city life and travel.

I just released a new version of ziaplot, my Python package for drawing geometric diagrams, charts, and discrete data plots. While the well-known plotting libraries focus on plotting discrete data points, ziaplot treats geometric diagrams, such as this unit circle illustration, as first-class citizens. No trig calculations or discretization required from the user.

Docs: ziaplot.readthedocs.io/
Source: github.com/cdelker/ziaplot

#WhatsMissing: a #TUI-based #Office #Suite using modern & lean file formats:

  • A #markdown-based #Layouting & #DesktopPublishing tool that can basically handle #LaTeX and spit out #HTML as well as #PDF

  • A #TSV (because #tabs are better than #spaves and people use commas if they follow Genevan Nomenclature of Mathematics; also it should just store data, not manipulate it (or even if it should only display the results when asked to and instead store the Function for the cell I.e. =A1*B1

  • A simple and elegant #presentation tool (may just be a few presets for the #Editor)…

  • A small and nifty #FormulaEditor that allows converting regular math formulas pleasingly by converting them into LaTeX - Syntax for use in said documents.
    Bonus points if it's also a scientific calculator with formula plotter supporting 2D and 3D outputs as well as export into tables.

  • A #database & #API tool that allows downloading, uploading, syncing and comparing #SQL and #NoSQL-DBs, their entries as well as queries.

  • A #notetaking tool that integrates with #git and allows both #versioning and #collaboration this way...

  • A minimalist #TUI menu that may also help setup #versioning (i.e. #git) and #collaboration (i.e. #Nextcloud) and #sync (i.e. #SFTP / #SSHFS, #SMB, Nextcloud, …) as well as other nice settings for most things.

  • A draw.io - alike #diagram editor that can handle #XML and also basic markdown as import & export language and has powerful self-layouting options.

  • A #terminal #screenshot tool alike the one The DOS compatibility card offered with #DOSCLIP ...

OF course given that (almost) all of this can be done with #neovim and a few other tools it's unlikely to get made...

Part of today's puzzle: Storing two linked lists in the same shared space/memory. Here visualizing the lists over time when allocating and freeing task slots (for coroutine scheduling) from a finite pool. The two list heads are shown on the left. EOL items are sentinels marking the end of each list.

Btw. It's a v. similar approach as used in thi.ng/idgen (there I also support ID versioning, but unnecessary here...). The stuff seems straightforward enough, but always find having diagrams like this massively helps with implementation...

🚀 CryptPad 5.4.0 is now available on GitHub!

This version introduces two major new features: new #Diagram application & 2 factor authentication using time-based one-time passwords (#TOTP). 🔐 We are now also supporting officially #Docker deployments. 🐳

We added a feature to easily destroy documents, fixed issues with #Forms & OnlyOffice documents. Under the hood we updated dependencies (#CKEditor, #Mermaid) & finally got rid of Bower. 👋🏻

For more information please see: github.com/cryptpad/cryptpad/r

GitHubRelease 5.4.0 · cryptpad/cryptpadGoals This release introduces two major new features: new Diagram application 2 factor authentication using time-based one-time passwords (TOTP) Also included are some improvements, dependency up...