lmorchard - Pebbling Club 🐧🪨

The Real Reason They Still Play 'Mrs. Robinson' On The Radio

www.upworthy.com
2012-05-08T05:27:54.000Z
media consolidation infographics visualization politics imported:pinboard

Notes

Stations haven't been playing "Mrs. Robinson" for 32 years just because everyone likes Simon & Garfunkel (although I really do love them!). It's because 80% of stations' playlists match all across the country. So much for thinking that media exposes us to new and different ideas, eh?

Unfurl

{ "failed": true, "failedAt": 1728194869607, "failedError": "TimeoutError: Promise timed out after 10000 milliseconds" }
FUI Fantasy User Interfaces | Mark Coleran Visual Designer

blog.coleran.com
2010-04-19T05:30:08.000Z
ui hci ux movies design visualization film gui scifi imported:pinboard

Notes

"FUI Fantasy User Interfaces, Portfolio"

Unfurl

{ "failed": true, "failedAt": 1728195477376, "failedError": "TimeoutError: Promise timed out after 10000 milliseconds" }
iProcessing

luckybite.com
2010-02-11T14:17:01.000Z
processing iphone apple javascript visualization development imported:pinboard

Notes

"iProcessing is an open programming framework to help people develop native iPhone applications using the Processing language. It is an integration of the Processing.js library and a Javascript application framework for iPhone. The iProcessing download consists of a set of example XCode projects that demonstrate many of the Basic Examples from the Processing web site (originally written by Casey Reas and Ben Fry unless otherwise stated) as well a number that demonstrate the use of various iPhone features such as multitouch, accelerometer, orientation, location, sound play/record, app state saving and so on"

Unfurl

{ "failed": true, "failedAt": 1728195497391, "failedError": "TimeoutError: Promise timed out after 10000 milliseconds", "expires": 1728365811032, "status": 200, "bodyLength": 515, "title": "luckybite.com", "url": "http://luckybite.com/iprocessing/", "duration": 6273 }
SQL pie chart | code.openark.org

code.openark.org
2010-01-26T23:20:08.000Z
holygod insanity sql piecharts what visualization database mysql ascii art imported:pinboard

Notes

"Shown below is a (single query) SQL-generated pie chart. I will walk through the steps towards making this happen, and conclude with what, I hope you’ll agree, are real-world, useful usage samples."

Feed

Embed

Unfurl

{ "failed": true, "failedAt": 1728195497391, "failedError": "TimeoutError: Promise timed out after 10000 milliseconds", "expires": 1728365813787, "status": 200, "bodyLength": 88370, "author": "giovanni", "date": "2009-08-12T10:49:41.000Z", "description": "My other half says I’m losing it. But I think that as an enthusiast kernel developer she doesn’t have the right to criticize people. (“I like user space better!” – she…", "image": "https://s0.wp.com/i/blank.jpg", "logo": "https://code.openark.org/favicon.ico", "publisher": "code.openark.org", "title": "SQL pie chart", "url": "https://code.openark.org/blog/mysql/sql-pie-chart", "feed": "https://code.openark.org/blog/feed", "iframe": "<blockquote class=\"wp-embedded-content\" data-secret=\"S0znHeGZwO\"><a href=\"https://code.openark.org/blog/mysql/sql-pie-chart\">SQL pie chart</a></blockquote><iframe sandbox=\"allow-scripts\" security=\"restricted\" src=\"https://code.openark.org/blog/mysql/sql-pie-chart/embed#?secret=S0znHeGZwO\" width=\"600\" height=\"338\" title=\"“SQL pie chart” — code.openark.org\" data-secret=\"S0znHeGZwO\" frameborder=\"0\" marginwidth=\"0\" marginheight=\"0\" scrolling=\"no\" class=\"wp-embedded-content\"></iframe><script>\n/**\n * WordPress inline HTML embed\n *\n * @since 4.4.0\n * @output wp-includes/js/wp-embed.js\n *\n * Single line comments should not be used since they will break\n * the script when inlined in get_post_embed_html(), specifically\n * when the comments are not stripped out due to SCRIPT_DEBUG\n * being turned on.\n */\n(function ( window, document ) {\n\t'use strict';\n\n\t/* Abort for ancient browsers. */\n\tif ( ! document.querySelector || ! window.addEventListener || typeof URL === 'undefined' ) {\n\t\treturn;\n\t}\n\n\t/** @namespace wp */\n\twindow.wp = window.wp || {};\n\n\t/* Abort if script was already executed. */\n\tif ( !! window.wp.receiveEmbedMessage ) {\n\t\treturn;\n\t}\n\n\t/**\n\t * Receive embed message.\n\t *\n\t * @param {MessageEvent} e\n\t */\n\twindow.wp.receiveEmbedMessage = function( e ) {\n\t\tvar data = e.data;\n\n\t\t/* Verify shape of message. */\n\t\tif (\n\t\t\t! ( data || data.secret || data.message || data.value ) ||\n\t\t\t/[^a-zA-Z0-9]/.test( data.secret )\n\t\t) {\n\t\t\treturn;\n\t\t}\n\n\t\tvar iframes = document.querySelectorAll( 'iframe[data-secret=\"' + data.secret + '\"]' ),\n\t\t\tblockquotes = document.querySelectorAll( 'blockquote[data-secret=\"' + data.secret + '\"]' ),\n\t\t\tallowedProtocols = new RegExp( '^https?:$', 'i' ),\n\t\t\ti, source, height, sourceURL, targetURL;\n\n\t\tfor ( i = 0; i < blockquotes.length; i++ ) {\n\t\t\tblockquotes[ i ].style.display = 'none';\n\t\t}\n\n\t\tfor ( i = 0; i < iframes.length; i++ ) {\n\t\t\tsource = iframes[ i ];\n\n\t\t\tif ( e.source !== source.contentWindow ) {\n\t\t\t\tcontinue;\n\t\t\t}\n\n\t\t\tsource.removeAttribute( 'style' );\n\n\t\t\tif ( 'height' === data.message ) {\n\t\t\t\t/* Resize the iframe on request. */\n\t\t\t\theight = parseInt( data.value, 10 );\n\t\t\t\tif ( height > 1000 ) {\n\t\t\t\t\theight = 1000;\n\t\t\t\t} else if ( ~~height < 200 ) {\n\t\t\t\t\theight = 200;\n\t\t\t\t}\n\n\t\t\t\tsource.height = height;\n\t\t\t} else if ( 'link' === data.message ) {\n\t\t\t\t/* Link to a specific URL on request. */\n\t\t\t\tsourceURL = new URL( source.getAttribute( 'src' ) );\n\t\t\t\ttargetURL = new URL( data.value );\n\n\t\t\t\tif (\n\t\t\t\t\tallowedProtocols.test( targetURL.protocol ) &&\n\t\t\t\t\ttargetURL.host === sourceURL.host &&\n\t\t\t\t\tdocument.activeElement === source\n\t\t\t\t) {\n\t\t\t\t\twindow.top.location.href = data.value;\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t};\n\n\tfunction onLoad() {\n\t\tvar iframes = document.querySelectorAll( 'iframe.wp-embedded-content' ),\n\t\t\ti, source, secret;\n\n\t\tfor ( i = 0; i < iframes.length; i++ ) {\n\t\t\t/** @var {IframeElement} */\n\t\t\tsource = iframes[ i ];\n\n\t\t\tsecret = source.getAttribute( 'data-secret' );\n\t\t\tif ( ! secret ) {\n\t\t\t\t/* Add secret to iframe */\n\t\t\t\tsecret = Math.random().toString( 36 ).substring( 2, 12 );\n\t\t\t\tsource.src += '#?secret=' + secret;\n\t\t\t\tsource.setAttribute( 'data-secret', secret );\n\t\t\t}\n\n\t\t\t/*\n\t\t\t * Let post embed window know that the parent is ready for receiving the height message, in case the iframe\n\t\t\t * loaded before wp-embed.js was loaded. When the ready message is received by the post embed window, the\n\t\t\t * window will then (re-)send the height message right away.\n\t\t\t */\n\t\t\tsource.contentWindow.postMessage( {\n\t\t\t\tmessage: 'ready',\n\t\t\t\tsecret: secret\n\t\t\t}, '*' );\n\t\t}\n\t}\n\n\twindow.addEventListener( 'message', window.wp.receiveEmbedMessage, false );\n\tdocument.addEventListener( 'DOMContentLoaded', onLoad, false );\n})( window, document );\n</script>\n", "lang": "en", "duration": 8285 }
gource - Project Hosting on Google Code

code.google.com
2010-01-18T00:54:53.000Z
git sourcecode visualization dev tools imported:pinboard

Notes

"Gource is a software version control visualization tool."

Unfurl

{ "failed": true, "failedAt": 1728195497392, "failedError": "TimeoutError: Promise timed out after 10000 milliseconds", "expires": 1728365814941, "status": 200, "bodyLength": 2438, "image": "http://www.google.com/images/branding/googlelogo/1x/googlelogo_color_116x41dp.png", "logo": "http://code.google.com/archive/img/project-hosting.ico", "publisher": "Long-term storage for Google Code Project Hosting.", "title": "Google Code Archive - Long-term storage for Google Code Project Hosting.", "url": "http://code.google.com/p/gource/", "lang": "en", "duration": 7236 }
cyoa

samizdat.cc
2009-11-27T19:09:03.000Z
cyoa gaming books adventures writing visualization chooseyourownadventure imported:pinboard

Notes

"many choices At its atomic level, a cyoa book is a collection of numbered pages of a few different types. Most pages tell a portion of the story, then finish by telling you to jump to another page. A smaller number of pages tell a conclusion to the story and represent an endpoint with no further jumps. We can subdivide these ‘narrative’ and ‘endings’ groups further based on the number of choices offered or the goodness of the ending. To visualize this, imagine color-coding every page in the book and then laying the pages out next to each other"

Unfurl

{ "failed": true, "failedAt": 1728195507381, "failedError": "TimeoutError: Promise timed out after 10000 milliseconds" }
Apple’s Cool Matrix-Style App Wall

www.techcrunch.com
2009-06-10T21:11:24.000Z
apple apps farts appstore visualization wwdc imported:pinboard

Notes

"Check out the pictures below and watch the video. It reminded me a bit of the lines of code falling down that the crew of the Nebuchadnezzar would see when trying to look into the The Matrix — only with fart apps."

Unfurl

{ "failed": true, "failedAt": 1728195517408, "failedError": "TimeoutError: Promise timed out after 10000 milliseconds" }
Alfonso Bozzelli » Blog Archive » Visualizing Mozilla Community. A design proposal

www.alfonsobozzelli.com
2009-02-11T15:19:22.000Z
lizardfeeder mozilla activitystreams visualization imported:pinboard

Notes

"This visualization is a concept for the LizardFeeder and it’s built with jQuery and SVG plugin. Code is a mess, so I’ll post only some (retouched) screenshots."

Unfurl

{ "failed": true, "failedAt": 1728195527417, "failedError": "TimeoutError: Promise timed out after 10000 milliseconds" }
Design Proposals

risherry.blogspot.com
2009-02-04T16:05:21.000Z
lizardfeeder mozilla data visualization feeds design imported:pinboard

Feed

Unfurl

{ "failed": true, "failedAt": 1728195527418, "failedError": "TimeoutError: Promise timed out after 10000 milliseconds", "expires": 1728365908494, "status": 200, "bodyLength": 18242, "description": "Mozilla’s LizardFeeder Proposal The LizardFeeder pulls together and archives activity streams from a wide variety of Mozilla community sou…", "image": "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjD2bJFttxJHBJwhdLHs2-ufJbepNDWADBw_Obnvet8bwigX6J2k7B_2njoWjBJAB2IB2Kh4MISb0RqdSapMWIiSaWhGG_xuTWr1J_3it-iHgxaYwn_lhyphenhyphen2VhtQFsk4Yux8wwmh/w1200-h630-p-k-no-nu/lizard-feeder-545x491.png", "logo": "http://risherry.blogspot.com/favicon.ico", "title": "Design Proposals", "url": "http://risherry.blogspot.com/2009/02/mozilla-lizardfeeder-proposal-goal-of.html", "feed": "http://risherry.blogspot.com/feeds/posts/default?alt=rss", "lang": "en", "duration": 1079 }
Monkeying with the Lizard Feeder

surfmind.com
2009-01-28T03:36:28.000Z
lizardfeeder mozilla data visualization feeds activitystreams imported:pinboard

Notes

"The call to action is to build on the Lizard Feeder concept with anything from ideas to pixels to code. I hacked up a grease monkey script that weights the data-source checkbox & label on the left according to the volume of flow. This provides a bit of focus + context for the recent stream. The implementation is a minimal, bit-of-an-evening starter kit (MPL) for more interesting creations."

Unfurl

{ "failed": true, "failedAt": 1728195537365, "failedError": "TimeoutError: Promise timed out after 10000 milliseconds" }
Visualizing Mozilla Community :: The Mozilla Blog

blog.mozilla.com
2009-01-26T21:55:42.000Z
mozilla data visualization feeds lizardfeeder activity activitystreams imported:pinboard

Feed

Embed

Unfurl

{ "failed": true, "failedAt": 1728195537372, "failedError": "TimeoutError: Promise timed out after 10000 milliseconds", "expires": 1728365910101, "status": 200, "bodyLength": 65516, "author": "Dave Bottoms", "date": "2021-05-24T22:29:33.000Z", "description": "Without question, community participation is at the heart of what makes Mozilla work — and rock. But if you’ve ever tried to describe the multi-dimensi", "image": "https://blog.mozilla.org/wp-content/blogs.dir/278/files/2021/02/moz_blog_header_som_002_1200x600.jpg", "logo": "https://blog.mozilla.org/wp-content/themes/foxtail/assets/images/favicons/apple-touch-icon.png", "publisher": "The Mozilla Blog", "title": "Visualizing Mozilla Community | The Mozilla Blog", "url": "https://blog.mozilla.org/en/mozilla/visualizing-mozilla-community/", "feed": "https://blog.mozilla.org/en/feed/", "iframe": "<blockquote class=\"wp-embedded-content\" data-secret=\"zDVRiGNimK\"><a href=\"https://blog.mozilla.org/en/mozilla/visualizing-mozilla-community/\">Visualizing Mozilla Community</a></blockquote><iframe sandbox=\"allow-scripts\" security=\"restricted\" src=\"https://blog.mozilla.org/en/mozilla/visualizing-mozilla-community/embed/#?secret=zDVRiGNimK\" width=\"600\" height=\"338\" title=\"“Visualizing Mozilla Community” — The Mozilla Blog\" data-secret=\"zDVRiGNimK\" frameborder=\"0\" marginwidth=\"0\" marginheight=\"0\" scrolling=\"no\" class=\"wp-embedded-content\"></iframe><script type=\"text/javascript\">\n/*! This file is auto-generated */\n!function(c,d){\"use strict\";var e=!1,o=!1;if(d.querySelector)if(c.addEventListener)e=!0;if(c.wp=c.wp||{},c.wp.receiveEmbedMessage);else if(c.wp.receiveEmbedMessage=function(e){var t=e.data;if(!t);else if(!(t.secret||t.message||t.value));else if(/[^a-zA-Z0-9]/.test(t.secret));else{for(var r,s,a,i=d.querySelectorAll('iframe[data-secret=\"'+t.secret+'\"]'),n=d.querySelectorAll('blockquote[data-secret=\"'+t.secret+'\"]'),o=new RegExp(\"^https?:$\",\"i\"),l=0;l<n.length;l++)n[l].style.display=\"none\";for(l=0;l<i.length;l++)if(r=i[l],e.source!==r.contentWindow);else{if(r.removeAttribute(\"style\"),\"height\"===t.message){if(1e3<(s=parseInt(t.value,10)))s=1e3;else if(~~s<200)s=200;r.height=s}if(\"link\"===t.message)if(s=d.createElement(\"a\"),a=d.createElement(\"a\"),s.href=r.getAttribute(\"src\"),a.href=t.value,!o.test(a.protocol));else if(a.host===s.host)if(d.activeElement===r)c.top.location.href=t.value}}},e)c.addEventListener(\"message\",c.wp.receiveEmbedMessage,!1),d.addEventListener(\"DOMContentLoaded\",t,!1),c.addEventListener(\"load\",t,!1);function t(){if(o);else{o=!0;for(var e,t,r,s=-1!==navigator.appVersion.indexOf(\"MSIE 10\"),a=!!navigator.userAgent.match(/Trident.*rv:11\\./),i=d.querySelectorAll(\"iframe.wp-embedded-content\"),n=0;n<i.length;n++){if(!(r=(t=i[n]).getAttribute(\"data-secret\")))r=Math.random().toString(36).substr(2,10),t.src+=\"#?secret=\"+r,t.setAttribute(\"data-secret\",r);if(s||a)(e=t.cloneNode(!0)).removeAttribute(\"security\"),t.parentNode.replaceChild(e,t);t.contentWindow.postMessage({message:\"ready\",secret:r},\"*\")}}}}(window,document);\n</script>\n", "lang": "en", "duration": 8186 }
Visualizing Mozilla | intothefuzz.com

www.intothefuzz.com
2009-01-26T21:53:18.000Z
mozilla feeds data visualization activity activitystreams lizardfeeder imported:pinboard

Unfurl

{ "failed": true, "failedAt": 1728195537372, "failedError": "TimeoutError: Promise timed out after 10000 milliseconds" }
Memeorandum Colors: Visualizing Political Bias with Greasemonkey - Waxy.org

waxy.org
2008-10-10T15:39:15.000Z
politics metablogging analysis statistics bias greasemonkey visualization via:waxy imported:pinboard

Feed

Embed

Unfurl

{ "failed": true, "failedAt": 1728195547427, "failedError": "TimeoutError: Promise timed out after 10000 milliseconds", "expires": 1728365951560, "status": 200, "bodyLength": 132748, "author": "Andy Baio", "date": "2008-10-10T08:19:00.000Z", "description": "Like the rest of the world, I’ve been completely obsessed with the presidential election and nonstop news coverage. My drug of choice? Gabe Rivera’s Memeorandum, the political sister site of Techmeme, which constantly surfaces the most controversial stories being discussed by political bloggers. While most political blogs are extremely partisan, their biases aren’t immediately obvious […]", "image": "http://waxy.org/random/images/weblog/memeorandum_beforeafter.jpg", "logo": "https://waxy.org/wp-content/uploads/2016/10/square_logo.png", "publisher": "Waxy.org", "title": "Memeorandum Colors: Visualizing Political Bias with Greasemonkey - Waxy.org", "url": "https://waxy.org/2008/10/memeorandum_colors/", "feed": "https://waxy.org/feed/", "iframe": "<blockquote class=\"wp-embedded-content\" data-secret=\"JnxYO6VynI\"><a href=\"https://waxy.org/2008/10/memeorandum_colors/\">Memeorandum Colors: Visualizing Political Bias with Greasemonkey</a></blockquote><iframe sandbox=\"allow-scripts\" security=\"restricted\" src=\"https://waxy.org/2008/10/memeorandum_colors/embed/#?secret=JnxYO6VynI\" width=\"600\" height=\"338\" title=\"“Memeorandum Colors: Visualizing Political Bias with Greasemonkey” — Waxy.org\" data-secret=\"JnxYO6VynI\" frameborder=\"0\" marginwidth=\"0\" marginheight=\"0\" scrolling=\"no\" class=\"wp-embedded-content\"></iframe><script type=\"text/javascript\">\n/* <![CDATA[ */\n/*! This file is auto-generated */\n!function(d,l){\"use strict\";l.querySelector&&d.addEventListener&&\"undefined\"!=typeof URL&&(d.wp=d.wp||{},d.wp.receiveEmbedMessage||(d.wp.receiveEmbedMessage=function(e){var t=e.data;if((t||t.secret||t.message||t.value)&&!/[^a-zA-Z0-9]/.test(t.secret)){for(var s,r,n,a=l.querySelectorAll('iframe[data-secret=\"'+t.secret+'\"]'),o=l.querySelectorAll('blockquote[data-secret=\"'+t.secret+'\"]'),c=new RegExp(\"^https?:$\",\"i\"),i=0;i<o.length;i++)o[i].style.display=\"none\";for(i=0;i<a.length;i++)s=a[i],e.source===s.contentWindow&&(s.removeAttribute(\"style\"),\"height\"===t.message?(1e3<(r=parseInt(t.value,10))?r=1e3:~~r<200&&(r=200),s.height=r):\"link\"===t.message&&(r=new URL(s.getAttribute(\"src\")),n=new URL(t.value),c.test(n.protocol))&&n.host===r.host&&l.activeElement===s&&(d.top.location.href=t.value))}},d.addEventListener(\"message\",d.wp.receiveEmbedMessage,!1),l.addEventListener(\"DOMContentLoaded\",function(){for(var e,t,s=l.querySelectorAll(\"iframe.wp-embedded-content\"),r=0;r<s.length;r++)(t=(e=s[r]).getAttribute(\"data-secret\"))||(t=Math.random().toString(36).substring(2,12),e.src+=\"#?secret=\"+t,e.setAttribute(\"data-secret\",t)),e.contentWindow.postMessage({message:\"ready\",secret:t},\"*\")},!1)))}(window,document);\n/* ]]> */\n</script>\n", "lang": "en", "duration": 5532 }
backchannel by stamen

backchannel.stamen.com
2006-03-09T02:34:23.000Z
irc chatbots graphing visualization imported:pinboard

Notes

"Backchannel is a real-time view of the conversation happening in the #etech IRC channel at O'Reillys Emerging Technology Conference. "

Unfurl

{ "failed": true, "failedAt": 1728195747397, "failedError": "TimeoutError: Promise timed out after 10000 milliseconds" }

0 - 50 of 14 items

10 25 50 100 250