Social 📸 Photography

BuildMeABear.Biz LLC🧶🧶 Do you <a href="https://handmade.social/tags/Crochet" class="mention hashtag" rel="nofollow noopener" target="_blank">#Crochet</a> by chance? 🤔 Have you ever tried <a href="https://handmade.social/tags/MosaicCrochet" class="mention hashtag" rel="nofollow noopener" target="_blank">#MosaicCrochet</a> ? 🤔 <a href="https://handmade.social/tags/BuildMeABear" class="mention hashtag" rel="nofollow noopener" target="_blank">#BuildMeABear</a> .Biz LLC 🧸 has some wonderful <a href="https://handmade.social/tags/Handmade" class="mention hashtag" rel="nofollow noopener" target="_blank">#Handmade</a> <a href="https://handmade.social/tags/Digital" class="mention hashtag" rel="nofollow noopener" target="_blank">#Digital</a> <a href="https://handmade.social/tags/Instant" class="mention hashtag" rel="nofollow noopener" target="_blank">#Instant</a> <a href="https://handmade.social/tags/Download" class="mention hashtag" rel="nofollow noopener" target="_blank">#Download</a> <a href="https://handmade.social/tags/PDF" class="mention hashtag" rel="nofollow noopener" target="_blank">#PDF</a> <a href="https://handmade.social/tags/Patterns" class="mention hashtag" rel="nofollow noopener" target="_blank">#Patterns</a> available! 📝 They come with both large and small <a href="https://handmade.social/tags/Graphs" class="mention hashtag" rel="nofollow noopener" target="_blank">#Graphs</a> as well as the full Standard US <a href="https://handmade.social/tags/WrittenPattern" class="mention hashtag" rel="nofollow noopener" target="_blank">#WrittenPattern</a> included! 😁 All BuildMeABear.LLC products are 100% <a href="https://handmade.social/tags/MadeInTheUSA" class="mention hashtag" rel="nofollow noopener" target="_blank">#MadeInTheUSA</a> by a <a href="https://handmade.social/tags/Navy" class="mention hashtag" rel="nofollow noopener" target="_blank">#Navy</a> <a href="https://handmade.social/tags/Veteran" class="mention hashtag" rel="nofollow noopener" target="_blank">#Veteran</a> ! 🇺🇸 Stop in and see what’s in the shoppers ! 🧸<a href="https://handmade.social/tags/Shop" class="mention hashtag" rel="nofollow noopener" target="_blank">#Shop</a> my <a href="https://handmade.social/tags/Etsy" class="mention hashtag" rel="nofollow noopener" target="_blank">#Etsy</a> store for these patterns and more here! 🧸👇🏽👇🏽👇🏽<a href="https://buildmeabearbizllc.etsy.com/" rel="nofollow noopener" translate="no" target="_blank">https://buildmeabearbizllc.etsy.com/</a>

☮ ♥ ♬ 🧑‍💻First plague, then war. “Regardless of which measure you consult, the past year has seen a sharp increase in global <a href="https://ioc.exchange/tags/spending" class="mention hashtag" rel="nofollow noopener" target="_blank">#spending</a> on <a href="https://ioc.exchange/tags/defence" class="mention hashtag" rel="nofollow noopener" target="_blank">#defence</a>. Budgets totalled $2.7trn in 2024—up by 9.4% from 2023, the biggest jump since at least 1988. <a href="https://ioc.exchange/tags/Military" class="mention hashtag" rel="nofollow noopener" target="_blank">#Military</a> outlays now account for 2.5% of countries’ gdp on average, and 7.1% of government budgets. But the increase is even steeper when adjusted for purchasing power (see chart 1). With help from <a href="https://ioc.exchange/tags/PeterRobertson" class="mention hashtag" rel="nofollow noopener" target="_blank">#PeterRobertson</a> of the <a href="https://ioc.exchange/tags/UniversityofWesternAustralia" class="mention hashtag" rel="nofollow noopener" target="_blank">#UniversityofWesternAustralia</a>, we estimate that global <a href="https://ioc.exchange/tags/defence" class="mention hashtag" rel="nofollow noopener" target="_blank">#defence</a> <a href="https://ioc.exchange/tags/spending" class="mention hashtag" rel="nofollow noopener" target="_blank">#spending</a> rose by 10% in real terms.”What got me to read the article? The notation, “$bn, log scale” graph. <a href="https://ioc.exchange/tags/Graphs" class="mention hashtag" rel="nofollow noopener" target="_blank">#Graphs</a> shown in log <a href="https://ioc.exchange/tags/scale" class="mention hashtag" rel="nofollow noopener" target="_blank">#scale</a>. Meaning the economist pitch to readership is high in statistical education OR it’s from an Academic source. <<a href="https://archive.md/I8SBL" rel="nofollow noopener" translate="no" target="_blank">https://archive.md/I8SBL</a>> / <<a href="https://www.economist.com/graphic-detail/2025/05/16/how-do-countries-rank-by-military-spending" rel="nofollow noopener" translate="no" target="_blank">https://www.economist.com/graphic-detail/2025/05/16/how-do-countries-rank-by-military-spending</a>> (paywall)

AnisseAbout a month ago, I was <a href="https://boitam.eu/@joachim/114325424853633229" rel="nofollow noopener" target="_blank">nerdsniped</a> by <a href="https://boitam.eu/@joachim" class="u-url mention" rel="nofollow noopener" target="_blank">@joachim</a>, and I set foot on an adventure inside of Wikidata, data processing, visualization, and more. Read on <a href="https://anisse.astier.eu/wikidata-communes-viewer.html" rel="nofollow noopener" translate="no" target="_blank">https://anisse.astier.eu/wikidata-communes-viewer.html</a><a href="https://social.treehouse.systems/tags/wikidata" class="mention hashtag" rel="nofollow noopener" target="_blank">#wikidata</a> <a href="https://social.treehouse.systems/tags/wikipedia" class="mention hashtag" rel="nofollow noopener" target="_blank">#wikipedia</a> <a href="https://social.treehouse.systems/tags/communes" class="mention hashtag" rel="nofollow noopener" target="_blank">#communes</a> <a href="https://social.treehouse.systems/tags/maplibre" class="mention hashtag" rel="nofollow noopener" target="_blank">#maplibre</a> <a href="https://social.treehouse.systems/tags/echarts" class="mention hashtag" rel="nofollow noopener" target="_blank">#echarts</a> <a href="https://social.treehouse.systems/tags/jq" class="mention hashtag" rel="nofollow noopener" target="_blank">#jq</a> <a href="https://social.treehouse.systems/tags/visualization" class="mention hashtag" rel="nofollow noopener" target="_blank">#visualization</a> <a href="https://social.treehouse.systems/tags/graphs" class="mention hashtag" rel="nofollow noopener" target="_blank">#graphs</a>

Alexandre B A Villares 🐍I hope one day (after I finish my PhD) I'll manage to read many of the wonderful books by <a href="https://fosstodon.org/@allendowney" class="u-url mention" rel="nofollow noopener" target="_blank">@allendowney</a> I always start them an then get distracted :((((Top of my list are <ul><li>Think Complexity (lot's of themes I enjoy, like <a href="https://ciberlandia.pt/tags/graphs" class="mention hashtag" rel="nofollow noopener" target="_blank">#graphs</a> and <a href="https://ciberlandia.pt/tags/CellularAutomata" class="mention hashtag" rel="nofollow noopener" target="_blank">#CellularAutomata</a>) <a href="https://greenteapress.com/complexity2/html/index.html" rel="nofollow noopener" translate="no" target="_blank">https://greenteapress.com/complexity2/html/index.html</a></li><li>Think Stats (now on a new 3rd Edition) <a href="https://allendowney.github.io/ThinkStats/index.html" rel="nofollow noopener" translate="no" target="_blank">https://allendowney.github.io/ThinkStats/index.html</a></li></ul><a href="https://ciberlandia.pt/tags/Python" class="mention hashtag" rel="nofollow noopener" target="_blank">#Python</a> <a href="https://ciberlandia.pt/tags/stats" class="mention hashtag" rel="nofollow noopener" target="_blank">#stats</a> <a href="https://ciberlandia.pt/tags/simulation" class="mention hashtag" rel="nofollow noopener" target="_blank">#simulation</a> <a href="https://ciberlandia.pt/tags/openbooks" class="mention hashtag" rel="nofollow noopener" target="_blank">#openbooks</a>

It's RichieIs there a way to graph trending hashtags on mastodon/the Fediverse?What I'm interested in is to graph say my local city of <a href="https://hachyderm.io/tags/Adelaide" class="mention hashtag" rel="nofollow noopener" target="_blank">#Adelaide</a> and use that as a bit of an indicator of if <a href="https://hachyderm.io/tags/Mastodon" class="mention hashtag" rel="nofollow noopener" target="_blank">#Mastodon</a> usage and engagemement is growing locally in my townAnd yes im interested in data across the fediverse or at least across a few selected servers, as I want data beyond just a single instance.I can see this on my desktop web interface right now.. so Im guessing there *should* be a way.<a href="https://hachyderm.io/tags/GrowingMastodon" class="mention hashtag" rel="nofollow noopener" target="_blank">#GrowingMastodon</a> <a href="https://hachyderm.io/tags/DataVisualisation" class="mention hashtag" rel="nofollow noopener" target="_blank">#DataVisualisation</a> <a href="https://hachyderm.io/tags/TrendingTopics" class="mention hashtag" rel="nofollow noopener" target="_blank">#TrendingTopics</a> <a href="https://hachyderm.io/tags/DataAnalytics" class="mention hashtag" rel="nofollow noopener" target="_blank">#DataAnalytics</a> <a href="https://hachyderm.io/tags/FediverseAnalytics" class="mention hashtag" rel="nofollow noopener" target="_blank">#FediverseAnalytics</a> <a href="https://hachyderm.io/tags/GoogleTrends" class="mention hashtag" rel="nofollow noopener" target="_blank">#GoogleTrends</a> <a href="https://hachyderm.io/tags/Graphs" class="mention hashtag" rel="nofollow noopener" target="_blank">#Graphs</a>

Albert CardonaPlots of a ReLU function (Rectified Linear Unit) and a ReLU tamed by tanh to keep its activation values below 1, which is far more realistic for modeling a neuron's activation function: <a href="https://www.desmos.com/calculator/jcx2xcgd7m" rel="nofollow noopener" translate="no" target="_blank">https://www.desmos.com/calculator/jcx2xcgd7m</a>"Desmos Studio is a Public Benefit Corporation with a goal of helping everyone learn math, love math, and grow with math."<a href="https://mathstodon.xyz/tags/graphs" class="mention hashtag" rel="nofollow noopener" target="_blank">#graphs</a> <a href="https://mathstodon.xyz/tags/desmos" class="mention hashtag" rel="nofollow noopener" target="_blank">#desmos</a> <a href="https://mathstodon.xyz/tags/plots" class="mention hashtag" rel="nofollow noopener" target="_blank">#plots</a>

ErrantScienceSee if you can work out the number of mistakes in this graph and let us know. Anyone that gets it right will be awarded special internet points. <a href="https://mas.to/tags/DataVis" class="mention hashtag" rel="nofollow noopener" target="_blank">#DataVis</a> <a href="https://mas.to/tags/Data" class="mention hashtag" rel="nofollow noopener" target="_blank">#Data</a> <a href="https://mas.to/tags/Graphs" class="mention hashtag" rel="nofollow noopener" target="_blank">#Graphs</a>

Teknikal_DomainSWR plot of my G5RV antenna, tuner disabled, at the end of all the coax. Markers on 80m (red), 40m (green), and 20m (blue, theoretically the design's natural resonance). NanoVNA wasn't calibrated to take all that coax out of the calculations.Kinda neat.<a href="https://mastodon.tekdmn.me/tags/hamRadio" class="mention hashtag" rel="nofollow noopener" target="_blank">#hamRadio</a> <a href="https://mastodon.tekdmn.me/tags/amateurRadio" class="mention hashtag" rel="nofollow noopener" target="_blank">#amateurRadio</a> <a href="https://mastodon.tekdmn.me/tags/graphs" class="mention hashtag" rel="nofollow noopener" target="_blank">#graphs</a> <a href="https://mastodon.tekdmn.me/tags/NanoVNA" class="mention hashtag" rel="nofollow noopener" target="_blank">#NanoVNA</a>

Marc TriusIs there a term for a graph that changes shape as it is traversed? (You could say that an edge is or isn't enabled depending on which edge was used to enter the node)<a href="https://hachyderm.io/tags/ComputerScience" class="mention hashtag" rel="nofollow noopener" target="_blank">#ComputerScience</a> <a href="https://hachyderm.io/tags/math" class="mention hashtag" rel="nofollow noopener" target="_blank">#math</a> <a href="https://hachyderm.io/tags/graphs" class="mention hashtag" rel="nofollow noopener" target="_blank">#graphs</a> <a href="https://hachyderm.io/tags/GameDev" class="mention hashtag" rel="nofollow noopener" target="_blank">#GameDev</a>

Terence Eden’s BlogGraphing the connections between my blog posts<a href="https://shkspr.mobi/blog/2025/01/graphing-the-connections-between-my-blog-posts/" rel="nofollow noopener" translate="no" target="_blank">https://shkspr.mobi/blog/2025/01/graphing-the-connections-between-my-blog-posts/</a>I love ripping off good ideas from other people's blogs. I was reading <a href="https://stuff.graves.cl/posts/2024-03-05_20_41-book-review-small-gods-by-terry-pratchett" rel="nofollow noopener" target="_blank">Alvaro Graves-Fuenzalida's blog</a> when I saw this nifty little force-directed graph:When zoomed in, it shows the relation between posts and tags.In this case, I can see that the posts about Small Gods and Pyramids both share the tags of Discworld, Fantasy, and Book Review. But only Small Gods has the tag of Religion.Isn't that cool! It is a native feature of <a href="https://quartz.jzhao.xyz/features/graph-view" rel="nofollow noopener" target="_blank">Quartz's GraphView</a>. How can I build something like that for my WordPress blog?AimCreate an interactive graph which shows the relationship between a post, its links, and their tags.It will end up looking something like this:You can <a href="https://gitlab.com/edent/blog-theme/-/blob/master/includes/graph.php" rel="nofollow noopener" target="_blank">get the code</a> or follow along to see how it works.This is a multi-stage process. Let's begin!What We NeedWhen on a single Post, we need the following:<ul><li>The tags assigned to that Post.</li><li>Internal links back to that Post.</li><li>Internal links from that Post.</li><li>The tags assigned to links to and from that Post.</li></ul>Tags assigned to that Post.This is pretty easy! Using the <a href="https://developer.wordpress.org/reference/functions/get_the_tag_list/" rel="nofollow noopener" target="_blank"><code>get_the_tag_list()</code> function</a> we can, unsurprisingly, get all the tags associated with a post.<pre><code>$post_tags_text = get_the_tag_list( "", ",", $ID );$post_tags_array = explode( "," , $post_tags_text );</code></pre>That just gets the list of tag names. If we want the tag IDs as well, we need to use <a href="https://developer.wordpress.org/reference/functions/get_the_tags/" rel="nofollow noopener" target="_blank">the <code>get_the_tags()</code> function</a>.<pre><code>$post_tags = get_the_tags($ID);$tags = array();foreach($post_tags as $tag) { $tags[$tag->term_id] = $tag->name; }</code></pre>BacklinksInternal links back to the Post is slightly trickier. WordPress doesn't save relational information like that. Instead, we get the Post's URl and <a href="https://shkspr.mobi/blog/2023/10/displaying-internal-linkbacks-on-wordpress/" rel="nofollow noopener" target="_blank">search for that in the database</a>. Then we get the post IDs of all the posts which contain that string.<pre><code>// Get all the posts which link to this one, oldest first$the_query = new WP_Query( array( 's' => $search_url, 'post_type' => 'post', "posts_per_page" => "-1", "order" => "ASC" ));// Nothing to do if there are no inbound linksif ( !$the_query->have_posts() ) { return;}</code></pre>Backlinks' TagsOnce we have an array of posts which link back here, we can get their tags as above:<pre><code>// Loop through the postswhile ( $the_query->have_posts() ) { // Set it up $the_query->the_post(); $id = get_the_ID(); $title = esc_html( get_the_title() ); $url = get_the_permalink(); $backlink_tags_text = get_the_tag_list( "", ",", $ID ); $backlink_tags_array = explode( "," , $backlink_tags_text );}</code></pre>Links from the PostAgain, WordPress's lack of relational links is a weakness. In order to get internal links, we need to:<ol><li>Render the HTML using all the filters</li><li>Search for all <code><a href="…"></code></li><li>Extract the ones which start with the blog's domain</li><li>Get those posts' IDs.</li></ol>Rendering the content into HTML is done with:<pre><code>$content = apply_filters( "the_content", get_the_content( null, false, $ID ) );</code></pre>Searching for links is slightly more complex. The easiest way is to load the HTML into a DOMDocument, then extract all the anchors. All my blog posts start <code>/blog/YYYY</code> so I can avoid selecting links to tags, uploaded files, or other things. Your blog may be different.<pre><code>$dom = new DOMDocument();libxml_use_internal_errors( true ); // Suppress warnings from malformed HTML$dom->loadHTML( $content );libxml_clear_errors();$links = [];foreach ( $dom->getElementsByTagName( "a" ) as $anchor ) { $href = $anchor->getAttribute( "href" ); if (preg_match('/^https:\/\/shkspr\.mobi\/blog\/\d{4}$/', $href)) { $links[] = $href; }}</code></pre>The ID of each post can be found with <a href="https://developer.wordpress.org/reference/functions/url_to_postid/" rel="nofollow noopener" target="_blank">the <code>url_to_postid()</code> function</a>. That means we can re-use the earlier code to see what tags those posts have.Building a graphOK, so we have all our constituent parts. Let's build a graph!Graphs consist of nodes (posts and tags) and edges (links between them). The exact format of the graph is going to depend on the graph library we use.I've decided to use <a href="https://github.com/d3/d3-force?tab=readme-ov-file" rel="nofollow noopener" target="_blank">D3.js's Force Graph</a> as it is relatively simple and produces a reasonably good looking interactive SVG.Imagine there are two blog posts and two hashtags.<pre><code>const nodes = [ { id: 1, label: "Blog Post 1", url: "https://example.com/post/1", group: "post" }, { id: 2, label: "Blog Post 2", url: "https://example.com/post/2", group: "post" }, { id: 3, label: "hashtag", url: "https://example.com/tag/3", group: "tag" }, { id: 4, label: "anotherHashtag", url: "https://example.com/tag/4", group: "tag" },];</code></pre><ul><li>Blog Post 1 links to Blog Post 2.</li><li>Blog Post 1 has a #hashtag.</li><li>Both 1 & 2 share #anotherHashtag.</li></ul><pre><code>const links = [ { source: 1, target: 2 }, { source: 3, target: 1 }, { source: 4, target: 1 }, { source: 4, target: 2 },];</code></pre>Here's how to create a list of nodes and their links. You will need to edit it for your own blog's peculiarities.<pre><code><?php // Load WordPress environmentrequire_once( "wp-load.php" );// Set up arrays for nodes and links$nodes = array();$links = array();// ID of the Post$main_post_id = 12345;// Get the Post's details$main_post_url = get_permalink( $main_post_id );$main_post_title = get_the_title( $main_post_id );// Function to add new nodesfunction add_item_to_nodes( &$nodes, $id, $label, $url, $group ) { $nodes[] = [ "id" => $id, "label" => $label, "url" => $url, "group" => $group ];}// Function to add new relationshipsfunction add_relationship( &$links, $source, $target ) { $links[] = [ "source" => $source, "target" => $target ];}// Add Post to the nodesadd_item_to_nodes( $nodes, $main_post_id, $main_post_title, $main_post_url, "post" );// Get the tags of the Post$main_post_tags = get_the_tags( $main_post_id );// Add the tags as nodes, and create links to main Postforeach( $main_post_tags as $tag ) { $id = $tag->term_id; $name = $tag->name; // Add the node add_item_to_nodes( $nodes, $id, $name, "https://shkspr.mobi/blog/tag/" . $name, "tag" ); // Add the relationship add_relationship( $links, $id, $main_post_id );}// Get all the posts which link to this one, oldest first$the_query = new WP_Query( array( 's' => $main_post_url, 'post_type' => 'post', "posts_per_page" => "-1", "order" => "ASC" ));// Nothing to do if there are no inbound linksif ( $the_query->have_posts() ) { // Loop through the posts while ( $the_query->have_posts() ) { // Set up the query $the_query->the_post(); $post_id = get_the_ID(); $title = esc_html( get_the_title() ); $url = get_the_permalink(); // Add the node add_item_to_nodes( $nodes, $post_id, $title, $url, "post" ); // Add the relationship add_relationship( $links, $post_id, $main_post_id ); // Get the tags of the Post $post_tags = get_the_tags( $post_id ); // Add the tags as nodes, and create links to main Post foreach($post_tags as $tag) { $id = $tag->term_id; $name = $tag->name; // Add the node add_item_to_nodes( $nodes, $id, $name, "https://shkspr.mobi/blog/tag/" . $name, "tag" ); // Add the relationship add_relationship( $links, $id, $post_id ); } }}// Get all the internal links from this post// Render the post as HTML$content = apply_filters( "the_content", get_the_content( null, false, $ID ) );// Load it into HTML$dom = new DOMDocument();libxml_use_internal_errors( true );$dom->loadHTML( $content );libxml_clear_errors();// Get any <a href="…" which starts with https://shkspr.mobi/blog/$internal_links = [];foreach ( $dom->getElementsByTagName( "a" ) as $anchor ) { $href = $anchor->getAttribute( "href" ); if (preg_match('/^https:\/\/shkspr\.mobi\/blog\/\d{4}$/', $href)) { $internal_links[] = $href; }}// Loop through the internal links, get their hashtagsforeach ( $internal_links as $url ) { $post_id = url_to_postid( $url ); // Get the Post's details $post_title = get_the_title( $id ); // Add the node add_item_to_nodes( $nodes, $post_id, $post_title, $url, "post" ); // Add the relationship add_relationship($links, $main_post_id, $post_id ); // Get the tags of the Post $post_tags = get_the_tags( $post_id ); // Add the tags as nodes, and create links to main Post foreach( $post_tags as $tag ) { $id = $tag->term_id; $name = $tag->name; // Add the node add_item_to_nodes( $nodes, $id, $name, "https://shkspr.mobi/blog/tag/" . $name, "tag" ); // Add the relationship add_relationship( $links, $id, $post_id ); }}// Deduplicate the nodes and links$nodes_unique = array_unique( $nodes, SORT_REGULAR );$links_unique = array_unique( $links, SORT_REGULAR );// Put them in the keyless format that D3 expects$nodes_output = array();$links_output = array();foreach ( $nodes_unique as $node ) { $nodes_output[] = $node;}foreach ( $links_unique as $link ) { $links_output[] = $link;}// Return the JSONecho json_encode( $nodes_output, JSON_PRETTY_PRINT );echo "\n";echo json_encode( $links_output, JSON_PRETTY_PRINT );</code></pre>Creating a Force Directed SVGOnce the data are spat out, you can include them in a web-page. Here's a basic example:<pre><code><!DOCTYPE html><html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Force Directed Graph</title> <script src="https://d3js.org/d3.v7.min.js"></script> </head> <body> <svg width="800" height="600"> <defs> <marker id="arrowhead" markerWidth="10" markerHeight="7" refX="10" refY="3.5" orient="auto" fill="#999"> <path d="M0,0 L10,3.5 L0,7 Z"></path> </marker> </defs> </svg> <script></code></pre><pre><code> const nodes = []; const links = []; const width = 800; const height = 600; const svg = d3.select("svg") .attr( "width", width ) .attr( "height", height ); const simulation = d3.forceSimulation( nodes ) .force( "link", d3.forceLink( links ).id( d => d.id ).distance( 100 ) ) .force( "charge", d3.forceManyBody().strength( -300 ) ) .force( "center", d3.forceCenter( width / 2, height / 2 ) ); // Run simulation with simple animation simulation.on("tick", () => { link .attr("x1", d => d.source.x) .attr("y1", d => d.source.y) .attr("x2", d => d.target.x) .attr("y2", d => d.target.y); node .attr("transform", d => `translate(${d.x},${d.y})`); }); // Draw links const link = svg.selectAll( ".link" ) .data(links) .enter().append("line") .attr( "stroke", "#999" ) .attr( "stroke-width", 2 ) .attr( "x1", d => d.source.x ) .attr( "y1", d => d.source.y ) .attr( "x2", d => d.target.x ) .attr( "y2", d => d.target.y ) .attr( "marker-end", "url(#arrowhead)" ); // Draw nodes const node = svg.selectAll( ".node" ) .data( nodes ) .enter().append( "g" ) .attr( "class", "node" ) .attr( "transform", d => `translate(${d.x},${d.y})` ) .call(d3.drag() // Make nodes draggable .on( "start", dragStarted ) .on( "drag", dragged ) .on( "end", dragEnded ) ); // Add hyperlink node.append("a") .attr( "xlink:href", d => d.url ) // Link to the node's URL .attr( "target", "_blank" ) // Open in a new tab .each(function (d) { const a = d3.select(this); // Different shapes for posts and tags if ( d.group === "post" ) { a.append("circle") .attr("r", 10) .attr("fill", "blue"); } else if ( d.group === "tag" ) { // White background rectangle a.append("rect") .attr("width", 20) .attr("height", 20) .attr("x", -10) .attr("y", -10) .attr("fill", "white"); // Red octothorpe a.append("path") .attr("d", "M-10,-5 H10 M-10,5 H10 M-5,-10 V10 M5,-10 V10") .attr("stroke", "red") .attr("stroke-width", 2) .attr("fill", "none"); } // Text label a.append( "text") .attr( "dy", 4 ) .attr( "x", d => ( d.group === "post" ? 12 : 14 ) ) .attr( "fill", "black" ) .style("font-size", "12px" ) .text( d.label ); }); // Standard helper functions to make nodes draggable function dragStarted( event, d ) { if ( !event.active ) simulation.alphaTarget(0.3).restart(); d.fx = d.x; d.fy = d.y; } function dragged( event, d ) { d.fx = event.x; d.fy = event.y; } function dragEnded( event, d ) { if (!event.active) simulation.alphaTarget(0); d.fx = null; d.fy = null; }</code></pre><pre><code> </script> </body></html></code></pre>Next StepsIt needs a bit of cleaning up if I want to turn it into a WordPress plugin. It might be nice to make it a static SVG rather than relying on JavaScript. And the general æsthetic needs a bit of work.Perhaps I could make it 3D like my <a href="https://shkspr.mobi/blog/2023/04/msc-dissertation-exploring-the-visualisation-of-hierarchical-cybersecurity-data-within-the-metaverse/" rel="nofollow noopener" target="_blank">MSc Dissertation</a>?But I'm pretty happy with that for an afternoon hack!You can <a href="https://gitlab.com/edent/blog-theme/-/blob/master/includes/graph.php" rel="nofollow noopener" target="_blank">get the code</a> if you want to play.<a rel="nofollow noopener" class="hashtag u-tag u-category" href="https://shkspr.mobi/blog/tag/blogging/" target="_blank">#blogging</a> <a rel="nofollow noopener" class="hashtag u-tag u-category" href="https://shkspr.mobi/blog/tag/graphs/" target="_blank">#graphs</a> <a rel="nofollow noopener" class="hashtag u-tag u-category" href="https://shkspr.mobi/blog/tag/html/" target="_blank">#HTML</a> <a rel="nofollow noopener" class="hashtag u-tag u-category" href="https://shkspr.mobi/blog/tag/php/" target="_blank">#php</a> <a rel="nofollow noopener" class="hashtag u-tag u-category" href="https://shkspr.mobi/blog/tag/wordpress/" target="_blank">#WordPress</a>

BigDContact energy has upgraded their app. Not much changed except they now round the top of the bar graph on the usage tab. Why would you round the top? My use doesn't rise up and fall off each month. ( December is Christmas. It'll be back to normal in Jan I said hopefully) <a href="https://mastodon.nz/tags/ContactEnergy" class="mention hashtag" rel="nofollow noopener" target="_blank">#ContactEnergy</a> <a href="https://mastodon.nz/tags/graphs" class="mention hashtag" rel="nofollow noopener" target="_blank">#graphs</a>

Dan Drake 🦆Oh, this is neat: combine the construction of the natural numbers as sets, interpret sets as trees, and use a nice graph layout algorithm: numbers are leaves!<a href="https://www.christo.sh/numbers-are-leaves/" rel="nofollow noopener" translate="no" target="_blank">https://www.christo.sh/numbers-are-leaves/</a><a href="https://mathstodon.xyz/tags/math" class="mention hashtag" rel="nofollow noopener" target="_blank">#math</a> <a href="https://mathstodon.xyz/tags/settheory" class="mention hashtag" rel="nofollow noopener" target="_blank">#settheory</a> <a href="https://mathstodon.xyz/tags/graphs" class="mention hashtag" rel="nofollow noopener" target="_blank">#graphs</a>

Jocelyn<a href="https://fosstodon.org/@catselbow" class="u-url mention" rel="nofollow noopener" target="_blank">@catselbow</a> We also have 2025 = 3⁴ 5².That could be represented by a hierarchy of <a href="https://mastodon.gougere.fr/tags/graphs" class="mention hashtag" rel="nofollow noopener" target="_blank">#graphs</a>: - three bipartite graphs joining n nodes to n nodes (n=3, twice, and n=5) make n² edges, - the bipartite <a href="https://mastodon.gougere.fr/tags/graph" class="mention hashtag" rel="nofollow noopener" target="_blank">#graph</a> that has for nodes the edges of the n=3 graph has 3⁴ edges, - taking those edges as one set of nodes, and those of the n=5 graph as another set, the bipartite graph formed with them has 2025 edges.Who is ready to find a nice way to arrange this in the plane, and then code it?<a href="https://mastodon.gougere.fr/tags/network" class="mention hashtag" rel="nofollow noopener" target="_blank">#network</a>

Thomas Roccia :verified:🤓 I’ve been using Maltego Graph for a while, and it’s one of the best tools for visualizing investigations and pivoting!One of the best feature is the use of Machines to automate pivoting and enrichment! 🤖🔍 For example, you can create a Machine to automatically enrich an IP address with WHOIS info and then pivot through associated email addresses with a single click.I have created a cheat sheet you can refer to when using Maltego 👇I’m curious — how many of you have already created Maltego automation with Machines? <a href="https://infosec.exchange/@Maltego" class="u-url mention" rel="nofollow noopener" target="_blank">@Maltego</a> <a href="https://twtr.plus/users/maltegohq" class="u-url mention" rel="nofollow noopener" target="_blank">@maltegohq</a> <a href="https://infosec.exchange/tags/threatintel" class="mention hashtag" rel="nofollow noopener" target="_blank">#threatintel</a> <a href="https://infosec.exchange/tags/investigation" class="mention hashtag" rel="nofollow noopener" target="_blank">#investigation</a> <a href="https://infosec.exchange/tags/malware" class="mention hashtag" rel="nofollow noopener" target="_blank">#malware</a> <a href="https://infosec.exchange/tags/IOCS" class="mention hashtag" rel="nofollow noopener" target="_blank">#IOCS</a> <a href="https://infosec.exchange/tags/graphs" class="mention hashtag" rel="nofollow noopener" target="_blank">#graphs</a> <a href="https://infosec.exchange/tags/maltego" class="mention hashtag" rel="nofollow noopener" target="_blank">#maltego</a>

Bobsee<a href="https://mastodon.social/@flexghost" class="u-url mention" rel="nofollow noopener" target="_blank">@flexghost</a> <a href="https://hachyderm.io/tags/Graphs" class="mention hashtag" rel="nofollow noopener" target="_blank">#Graphs</a> should have the y-axis start at zero. Otherwise

A.Stringer"<a href="https://mstdn.social/tags/Airpollution" class="mention hashtag" rel="nofollow noopener" target="_blank">#Airpollution</a> is an unseen menace that poses a major threat to human <a href="https://mstdn.social/tags/health" class="mention hashtag" rel="nofollow noopener" target="_blank">#health</a> and the <a href="https://mstdn.social/tags/climate" class="mention hashtag" rel="nofollow noopener" target="_blank">#climate</a>. We have created the <a href="https://mstdn.social/tags/airquality" class="mention hashtag" rel="nofollow noopener" target="_blank">#airquality</a> stripes, a visual tool that captures global air pollution trends, to bring this hidden threat into sharp focus."These colourful diagrams show how air quality has changed in over 100 countries around the world since 1850 <a href="https://theconversation.com/these-colourful-diagrams-show-how-air-quality-has-changed-in-over-100-countries-around-the-world-since-1850-237079" rel="nofollow noopener" translate="no" target="_blank">https://theconversation.com/these-colourful-diagrams-show-how-air-quality-has-changed-in-over-100-countries-around-the-world-since-1850-237079</a><a href="https://mstdn.social/tags/fossilfuels" class="mention hashtag" rel="nofollow noopener" target="_blank">#fossilfuels</a> <a href="https://mstdn.social/tags/netzero" class="mention hashtag" rel="nofollow noopener" target="_blank">#netzero</a> <a href="https://mstdn.social/tags/visualart" class="mention hashtag" rel="nofollow noopener" target="_blank">#visualart</a> <a href="https://mstdn.social/tags/graphs" class="mention hashtag" rel="nofollow noopener" target="_blank">#graphs</a> <a href="https://mstdn.social/tags/climatechange" class="mention hashtag" rel="nofollow noopener" target="_blank">#climatechange</a>

Albert Cardona"Random line graphs and edge-attributed network inference", Lubberts et al. 2024 (Carey E. Proiebe's lab).<a href="https://arxiv.org/abs/2103.14726" rel="nofollow noopener" translate="no" target="_blank">https://arxiv.org/abs/2103.14726</a>"Our results demonstrate that the line graph of a stochastic block model exhibits underlying block structure ... By naturally incorporating information encoded in both vertices and edges, the random line graph improves network inference."<a href="https://arxiv.org/abs/2103.14726" rel="nofollow noopener" translate="no" target="_blank">https://arxiv.org/abs/2103.14726</a><a href="https://mathstodon.xyz/tags/GraphTheory" class="mention hashtag" rel="nofollow noopener" target="_blank">#GraphTheory</a> <a href="https://mathstodon.xyz/tags/graphs" class="mention hashtag" rel="nofollow noopener" target="_blank">#graphs</a> <a href="https://mathstodon.xyz/tags/SBM" class="mention hashtag" rel="nofollow noopener" target="_blank">#SBM</a> <a href="https://mathstodon.xyz/tags/StochasticBlockModels" class="mention hashtag" rel="nofollow noopener" target="_blank">#StochasticBlockModels</a>

🏁⚡Omar Two Tone⚡🏁:verified:<a href="https://ioc.exchange/tags/Feat" class="mention hashtag" rel="nofollow noopener" target="_blank">#Feat</a>: (Factcheck Explorer Analysis Tool) to analyze information on a wide variety of queries... (if you want to be curious among the data...) 👇🧐<a href="https://feat.onrender.com/" rel="nofollow noopener" translate="no" target="_blank">https://feat.onrender.com/</a> <a href="https://ioc.exchange/tags/data" class="mention hashtag" rel="nofollow noopener" target="_blank">#data</a> <a href="https://ioc.exchange/tags/dataanalysis" class="mention hashtag" rel="nofollow noopener" target="_blank">#dataanalysis</a> <a href="https://ioc.exchange/tags/sources" class="mention hashtag" rel="nofollow noopener" target="_blank">#sources</a> <a href="https://ioc.exchange/tags/graphs" class="mention hashtag" rel="nofollow noopener" target="_blank">#graphs</a>

uxor :verified:<a href="https://mastodon.xyz/tags/graphs" class="mention hashtag" rel="nofollow noopener" target="_blank">#graphs</a> theory stuff with <a href="https://mastodon.xyz/tags/SageMaths" class="mention hashtag" rel="nofollow noopener" target="_blank">#SageMaths</a> ➡️ list of the neighbors of vertex x in the un-directed graph G : G.neighbors(G,x) 😀 ➡️ predecessors and successors of x in the directed graph G : 🤔 ... 😭 WTF

uxor :verified:Starting some <a href="https://mastodon.xyz/tags/graphs" class="mention hashtag" rel="nofollow noopener" target="_blank">#graphs</a> theory stuff with <a href="https://mastodon.xyz/tags/SageMaths" class="mention hashtag" rel="nofollow noopener" target="_blank">#SageMaths</a> ➡️ Creating an empty un-directed graph : G=Graph() 😀 ➡️ Creating an empty directed graph : 🤔 ... G=digraphs.Circular(0) 😭 WTF WHY ?

Recent searches

Search options

Administered by:

Server stats:

#graphs