

{"id":2823,"date":"2013-12-02T16:50:24","date_gmt":"2013-12-02T21:50:24","guid":{"rendered":"http:\/\/rud.is\/b\/?p=2823"},"modified":"2017-04-02T22:51:56","modified_gmt":"2017-04-03T03:51:56","slug":"slopegraph-workbenchworkshop-in-d3","status":"publish","type":"post","link":"https:\/\/rud.is\/b\/2013\/12\/02\/slopegraph-workbenchworkshop-in-d3\/","title":{"rendered":"Slopegraph Workbench\/Workshop in D3"},"content":{"rendered":"<p>I&#8217;ve been getting a huge uptick in views of my <a href=\"https:\/\/rud.is\/b\/2012\/05\/28\/slopegraphs-in-python\/\">Slopegraphs in Python<\/a> post and I think it&#8217;s due to @edwardtufte&#8217;s recent <a href=\"https:\/\/www.edwardtufte.com\/bboard\/q-and-a-fetch-msg?msg_id=0003nk\">slopegraph contest<\/a> announcement.<\/p>\n<p>The original Python code is crufty and a mess mostly due to the intermittent attention to it, wanting to reduce dependencies and hacking vs programming. I&#8217;ve been wanting to do a D3 version for a while, so I went a bit overboard once I learned of Mr Tufte&#8217;s challenge and made more of a &#8220;workbench&#8221; for making slopegraphs:<\/p>\n<p><center><a target=\"_blank\" href=\"https:\/\/i0.wp.com\/rud.is\/b\/wp-content\/uploads\/2013\/12\/D3_Slopegraph_Workshop.png?ssl=1\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" data-attachment-id=\"2824\" data-permalink=\"https:\/\/rud.is\/b\/2013\/12\/02\/slopegraph-workbenchworkshop-in-d3\/d3_slopegraph_workshop\/\" data-orig-file=\"https:\/\/i0.wp.com\/rud.is\/b\/wp-content\/uploads\/2013\/12\/D3_Slopegraph_Workshop.png?fit=832%2C431&amp;ssl=1\" data-orig-size=\"832,431\" data-comments-opened=\"1\" data-image-meta=\"{&quot;aperture&quot;:&quot;0&quot;,&quot;credit&quot;:&quot;&quot;,&quot;camera&quot;:&quot;&quot;,&quot;caption&quot;:&quot;&quot;,&quot;created_timestamp&quot;:&quot;0&quot;,&quot;copyright&quot;:&quot;&quot;,&quot;focal_length&quot;:&quot;0&quot;,&quot;iso&quot;:&quot;0&quot;,&quot;shutter_speed&quot;:&quot;0&quot;,&quot;title&quot;:&quot;&quot;}\" data-image-title=\"D3_Slopegraph_Workshop\" data-image-description=\"\" data-image-caption=\"\" data-medium-file=\"https:\/\/i0.wp.com\/rud.is\/b\/wp-content\/uploads\/2013\/12\/D3_Slopegraph_Workshop.png?fit=300%2C155&amp;ssl=1\" data-large-file=\"https:\/\/i0.wp.com\/rud.is\/b\/wp-content\/uploads\/2013\/12\/D3_Slopegraph_Workshop.png?fit=510%2C264&amp;ssl=1\" src=\"https:\/\/i0.wp.com\/rud.is\/b\/wp-content\/uploads\/2013\/12\/D3_Slopegraph_Workshop.png?resize=300%2C155&#038;ssl=1\" alt=\"D3_Slopegraph_Workshop\" width=\"300\" height=\"155\" class=\"aligncenter size-medium wp-image-2824\" srcset=\"https:\/\/i0.wp.com\/rud.is\/b\/wp-content\/uploads\/2013\/12\/D3_Slopegraph_Workshop.png?resize=300%2C155&amp;ssl=1 300w, https:\/\/i0.wp.com\/rud.is\/b\/wp-content\/uploads\/2013\/12\/D3_Slopegraph_Workshop.png?resize=150%2C77&amp;ssl=1 150w, https:\/\/i0.wp.com\/rud.is\/b\/wp-content\/uploads\/2013\/12\/D3_Slopegraph_Workshop.png?resize=530%2C274&amp;ssl=1 530w, https:\/\/i0.wp.com\/rud.is\/b\/wp-content\/uploads\/2013\/12\/D3_Slopegraph_Workshop.png?resize=535%2C277&amp;ssl=1 535w, https:\/\/i0.wp.com\/rud.is\/b\/wp-content\/uploads\/2013\/12\/D3_Slopegraph_Workshop.png?w=832&amp;ssl=1 832w\" sizes=\"auto, (max-width: 300px) 100vw, 300px\" \/><\/a><\/center><\/p>\n<p>It&#8217;s all in D3\/HTML5\/javascrpt\/CSS and requires no server-side components at all.<\/p>\n<p>You can play with a live, <a href=\"https:\/\/rud.is\/workbench\/\">alpha-quality version<\/a> and check out the rest of the components on <a href=\"https:\/\/github.com\/hrbrmstr\/slopegraph-workbench\">github<\/a>. <\/p>\n<p>It needs work, but it should be a good starting point for folks.<\/p>\n<p>As my track record for &#8220;winning&#8221; things is scant, if you do end up using the code, passing on word of my upcoming <a href=\"https:\/\/www.amazon.com\/Security-Using-Analysis-Visualization-Dashboards\/dp\/1118793722\/ref=sr_1_1?ie=UTF8&amp;qid=1374598875&amp;sr=8-1&amp;keywords=best+security+book+evar\">book<\/a> with @jayjacobs would be<br \/>\n#spiffy :-)<\/p>\n","protected":false},"excerpt":{"rendered":"<p>I&#8217;ve been getting a huge uptick in views of my Slopegraphs in Python post and I think it&#8217;s due to @edwardtufte&#8217;s recent slopegraph contest announcement. The original Python code is crufty and a mess mostly due to the intermittent attention to it, wanting to reduce dependencies and hacking vs programming. I&#8217;ve been wanting to do [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"jetpack_post_was_ever_published":false,"_jetpack_newsletter_access":"","_jetpack_dont_email_post_to_subs":true,"_jetpack_newsletter_tier_id":0,"_jetpack_memberships_contains_paywalled_content":false,"_jetpack_memberships_contains_paid_content":false,"activitypub_content_warning":"","activitypub_content_visibility":"","activitypub_max_image_attachments":3,"activitypub_interaction_policy_quote":"anyone","activitypub_status":"","footnotes":""},"categories":[24,666,677,678,673,674,63,36,15,87,656],"tags":[],"class_list":["post-2823","post","type-post","status-publish","format-standard","hentry","category-charts-graphs","category-d3","category-data-analysis-2","category-data-visualization","category-datavis-2","category-dataviz","category-development","category-html5","category-javascript","category-open-source","category-slopegraph"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.2 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Slopegraph Workbench\/Workshop in D3 - rud.is<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/rud.is\/b\/2013\/12\/02\/slopegraph-workbenchworkshop-in-d3\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Slopegraph Workbench\/Workshop in D3 - rud.is\" \/>\n<meta property=\"og:description\" content=\"I&#8217;ve been getting a huge uptick in views of my Slopegraphs in Python post and I think it&#8217;s due to @edwardtufte&#8217;s recent slopegraph contest announcement. The original Python code is crufty and a mess mostly due to the intermittent attention to it, wanting to reduce dependencies and hacking vs programming. I&#8217;ve been wanting to do [&hellip;]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/rud.is\/b\/2013\/12\/02\/slopegraph-workbenchworkshop-in-d3\/\" \/>\n<meta property=\"og:site_name\" content=\"rud.is\" \/>\n<meta property=\"article:published_time\" content=\"2013-12-02T21:50:24+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2017-04-03T03:51:56+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/rud.is\/b\/wp-content\/uploads\/2013\/12\/D3_Slopegraph_Workshop-300x155.png\" \/>\n<meta name=\"author\" content=\"hrbrmstr\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"hrbrmstr\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"1 minute\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/rud.is\/b\/2013\/12\/02\/slopegraph-workbenchworkshop-in-d3\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/rud.is\/b\/2013\/12\/02\/slopegraph-workbenchworkshop-in-d3\/\"},\"author\":{\"name\":\"hrbrmstr\",\"@id\":\"https:\/\/rud.is\/b\/#\/schema\/person\/d7cb7487ab0527447f7fda5c423ff886\"},\"headline\":\"Slopegraph Workbench\/Workshop in D3\",\"datePublished\":\"2013-12-02T21:50:24+00:00\",\"dateModified\":\"2017-04-03T03:51:56+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/rud.is\/b\/2013\/12\/02\/slopegraph-workbenchworkshop-in-d3\/\"},\"wordCount\":169,\"commentCount\":2,\"publisher\":{\"@id\":\"https:\/\/rud.is\/b\/#\/schema\/person\/d7cb7487ab0527447f7fda5c423ff886\"},\"image\":{\"@id\":\"https:\/\/rud.is\/b\/2013\/12\/02\/slopegraph-workbenchworkshop-in-d3\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/rud.is\/b\/wp-content\/uploads\/2013\/12\/D3_Slopegraph_Workshop-300x155.png\",\"articleSection\":[\"Charts &amp; Graphs\",\"d3\",\"Data Analysis\",\"Data Visualization\",\"DataVis\",\"DataViz\",\"Development\",\"HTML5\",\"Javascript\",\"Open Source\",\"slopegraph\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/rud.is\/b\/2013\/12\/02\/slopegraph-workbenchworkshop-in-d3\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/rud.is\/b\/2013\/12\/02\/slopegraph-workbenchworkshop-in-d3\/\",\"url\":\"https:\/\/rud.is\/b\/2013\/12\/02\/slopegraph-workbenchworkshop-in-d3\/\",\"name\":\"Slopegraph Workbench\/Workshop in D3 - rud.is\",\"isPartOf\":{\"@id\":\"https:\/\/rud.is\/b\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/rud.is\/b\/2013\/12\/02\/slopegraph-workbenchworkshop-in-d3\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/rud.is\/b\/2013\/12\/02\/slopegraph-workbenchworkshop-in-d3\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/rud.is\/b\/wp-content\/uploads\/2013\/12\/D3_Slopegraph_Workshop-300x155.png\",\"datePublished\":\"2013-12-02T21:50:24+00:00\",\"dateModified\":\"2017-04-03T03:51:56+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/rud.is\/b\/2013\/12\/02\/slopegraph-workbenchworkshop-in-d3\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/rud.is\/b\/2013\/12\/02\/slopegraph-workbenchworkshop-in-d3\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/rud.is\/b\/2013\/12\/02\/slopegraph-workbenchworkshop-in-d3\/#primaryimage\",\"url\":\"https:\/\/i0.wp.com\/rud.is\/b\/wp-content\/uploads\/2013\/12\/D3_Slopegraph_Workshop.png?fit=832%2C431&ssl=1\",\"contentUrl\":\"https:\/\/i0.wp.com\/rud.is\/b\/wp-content\/uploads\/2013\/12\/D3_Slopegraph_Workshop.png?fit=832%2C431&ssl=1\",\"width\":832,\"height\":431},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/rud.is\/b\/2013\/12\/02\/slopegraph-workbenchworkshop-in-d3\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/rud.is\/b\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Slopegraph Workbench\/Workshop in D3\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/rud.is\/b\/#website\",\"url\":\"https:\/\/rud.is\/b\/\",\"name\":\"rud.is\",\"description\":\"&quot;In God we trust. All others must bring data&quot;\",\"publisher\":{\"@id\":\"https:\/\/rud.is\/b\/#\/schema\/person\/d7cb7487ab0527447f7fda5c423ff886\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/rud.is\/b\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":[\"Person\",\"Organization\"],\"@id\":\"https:\/\/rud.is\/b\/#\/schema\/person\/d7cb7487ab0527447f7fda5c423ff886\",\"name\":\"hrbrmstr\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/i0.wp.com\/rud.is\/b\/wp-content\/uploads\/2023\/10\/ukr-shield.png?fit=460%2C460&ssl=1\",\"url\":\"https:\/\/i0.wp.com\/rud.is\/b\/wp-content\/uploads\/2023\/10\/ukr-shield.png?fit=460%2C460&ssl=1\",\"contentUrl\":\"https:\/\/i0.wp.com\/rud.is\/b\/wp-content\/uploads\/2023\/10\/ukr-shield.png?fit=460%2C460&ssl=1\",\"width\":460,\"height\":460,\"caption\":\"hrbrmstr\"},\"logo\":{\"@id\":\"https:\/\/i0.wp.com\/rud.is\/b\/wp-content\/uploads\/2023\/10\/ukr-shield.png?fit=460%2C460&ssl=1\"},\"description\":\"Don't look at me\u2026I do what he does \u2014 just slower. #rstats avuncular \u2022 ?Resistance Fighter \u2022 Cook \u2022 Christian \u2022 [Master] Chef des Donn\u00e9es de S\u00e9curit\u00e9 @ @rapid7\",\"sameAs\":[\"http:\/\/rud.is\"],\"url\":\"https:\/\/rud.is\/b\/author\/hrbrmstr\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Slopegraph Workbench\/Workshop in D3 - rud.is","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/rud.is\/b\/2013\/12\/02\/slopegraph-workbenchworkshop-in-d3\/","og_locale":"en_US","og_type":"article","og_title":"Slopegraph Workbench\/Workshop in D3 - rud.is","og_description":"I&#8217;ve been getting a huge uptick in views of my Slopegraphs in Python post and I think it&#8217;s due to @edwardtufte&#8217;s recent slopegraph contest announcement. The original Python code is crufty and a mess mostly due to the intermittent attention to it, wanting to reduce dependencies and hacking vs programming. I&#8217;ve been wanting to do [&hellip;]","og_url":"https:\/\/rud.is\/b\/2013\/12\/02\/slopegraph-workbenchworkshop-in-d3\/","og_site_name":"rud.is","article_published_time":"2013-12-02T21:50:24+00:00","article_modified_time":"2017-04-03T03:51:56+00:00","og_image":[{"url":"https:\/\/rud.is\/b\/wp-content\/uploads\/2013\/12\/D3_Slopegraph_Workshop-300x155.png","type":"","width":"","height":""}],"author":"hrbrmstr","twitter_card":"summary_large_image","twitter_misc":{"Written by":"hrbrmstr","Est. reading time":"1 minute"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/rud.is\/b\/2013\/12\/02\/slopegraph-workbenchworkshop-in-d3\/#article","isPartOf":{"@id":"https:\/\/rud.is\/b\/2013\/12\/02\/slopegraph-workbenchworkshop-in-d3\/"},"author":{"name":"hrbrmstr","@id":"https:\/\/rud.is\/b\/#\/schema\/person\/d7cb7487ab0527447f7fda5c423ff886"},"headline":"Slopegraph Workbench\/Workshop in D3","datePublished":"2013-12-02T21:50:24+00:00","dateModified":"2017-04-03T03:51:56+00:00","mainEntityOfPage":{"@id":"https:\/\/rud.is\/b\/2013\/12\/02\/slopegraph-workbenchworkshop-in-d3\/"},"wordCount":169,"commentCount":2,"publisher":{"@id":"https:\/\/rud.is\/b\/#\/schema\/person\/d7cb7487ab0527447f7fda5c423ff886"},"image":{"@id":"https:\/\/rud.is\/b\/2013\/12\/02\/slopegraph-workbenchworkshop-in-d3\/#primaryimage"},"thumbnailUrl":"https:\/\/rud.is\/b\/wp-content\/uploads\/2013\/12\/D3_Slopegraph_Workshop-300x155.png","articleSection":["Charts &amp; Graphs","d3","Data Analysis","Data Visualization","DataVis","DataViz","Development","HTML5","Javascript","Open Source","slopegraph"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/rud.is\/b\/2013\/12\/02\/slopegraph-workbenchworkshop-in-d3\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/rud.is\/b\/2013\/12\/02\/slopegraph-workbenchworkshop-in-d3\/","url":"https:\/\/rud.is\/b\/2013\/12\/02\/slopegraph-workbenchworkshop-in-d3\/","name":"Slopegraph Workbench\/Workshop in D3 - rud.is","isPartOf":{"@id":"https:\/\/rud.is\/b\/#website"},"primaryImageOfPage":{"@id":"https:\/\/rud.is\/b\/2013\/12\/02\/slopegraph-workbenchworkshop-in-d3\/#primaryimage"},"image":{"@id":"https:\/\/rud.is\/b\/2013\/12\/02\/slopegraph-workbenchworkshop-in-d3\/#primaryimage"},"thumbnailUrl":"https:\/\/rud.is\/b\/wp-content\/uploads\/2013\/12\/D3_Slopegraph_Workshop-300x155.png","datePublished":"2013-12-02T21:50:24+00:00","dateModified":"2017-04-03T03:51:56+00:00","breadcrumb":{"@id":"https:\/\/rud.is\/b\/2013\/12\/02\/slopegraph-workbenchworkshop-in-d3\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/rud.is\/b\/2013\/12\/02\/slopegraph-workbenchworkshop-in-d3\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/rud.is\/b\/2013\/12\/02\/slopegraph-workbenchworkshop-in-d3\/#primaryimage","url":"https:\/\/i0.wp.com\/rud.is\/b\/wp-content\/uploads\/2013\/12\/D3_Slopegraph_Workshop.png?fit=832%2C431&ssl=1","contentUrl":"https:\/\/i0.wp.com\/rud.is\/b\/wp-content\/uploads\/2013\/12\/D3_Slopegraph_Workshop.png?fit=832%2C431&ssl=1","width":832,"height":431},{"@type":"BreadcrumbList","@id":"https:\/\/rud.is\/b\/2013\/12\/02\/slopegraph-workbenchworkshop-in-d3\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/rud.is\/b\/"},{"@type":"ListItem","position":2,"name":"Slopegraph Workbench\/Workshop in D3"}]},{"@type":"WebSite","@id":"https:\/\/rud.is\/b\/#website","url":"https:\/\/rud.is\/b\/","name":"rud.is","description":"&quot;In God we trust. All others must bring data&quot;","publisher":{"@id":"https:\/\/rud.is\/b\/#\/schema\/person\/d7cb7487ab0527447f7fda5c423ff886"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/rud.is\/b\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":["Person","Organization"],"@id":"https:\/\/rud.is\/b\/#\/schema\/person\/d7cb7487ab0527447f7fda5c423ff886","name":"hrbrmstr","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/i0.wp.com\/rud.is\/b\/wp-content\/uploads\/2023\/10\/ukr-shield.png?fit=460%2C460&ssl=1","url":"https:\/\/i0.wp.com\/rud.is\/b\/wp-content\/uploads\/2023\/10\/ukr-shield.png?fit=460%2C460&ssl=1","contentUrl":"https:\/\/i0.wp.com\/rud.is\/b\/wp-content\/uploads\/2023\/10\/ukr-shield.png?fit=460%2C460&ssl=1","width":460,"height":460,"caption":"hrbrmstr"},"logo":{"@id":"https:\/\/i0.wp.com\/rud.is\/b\/wp-content\/uploads\/2023\/10\/ukr-shield.png?fit=460%2C460&ssl=1"},"description":"Don't look at me\u2026I do what he does \u2014 just slower. #rstats avuncular \u2022 ?Resistance Fighter \u2022 Cook \u2022 Christian \u2022 [Master] Chef des Donn\u00e9es de S\u00e9curit\u00e9 @ @rapid7","sameAs":["http:\/\/rud.is"],"url":"https:\/\/rud.is\/b\/author\/hrbrmstr\/"}]}},"jetpack_featured_media_url":"","jetpack_shortlink":"https:\/\/wp.me\/p23idr-Jx","jetpack_likes_enabled":true,"jetpack-related-posts":[{"id":1243,"url":"https:\/\/rud.is\/b\/2012\/06\/10\/slopegraphs-everywhere\/","url_meta":{"origin":2823,"position":0},"title":"Slopegraphs Everywhere","author":"hrbrmstr","date":"2012-06-10","format":false,"excerpt":"Not much progress over the weekend on my latest obsession (been busy enjoying some non-rainy days here in Maine). So, here are some other slopegraph implementations\/resources I've found through mining the internets: A spiffy editable javascript implementation defensive slopegraphs slopegraphs in tableau an interesting d3 implementation another javascript implementation an\u2026","rel":"","context":"In &quot;Charts &amp; Graphs&quot;","block_context":{"text":"Charts &amp; Graphs","link":"https:\/\/rud.is\/b\/category\/charts-graphs\/"},"img":{"alt_text":"","src":"","width":0,"height":0},"classes":[]},{"id":1155,"url":"https:\/\/rud.is\/b\/2012\/06\/05\/slopegraphs-the-quintessential-gdp-example-revisited\/","url_meta":{"origin":2823,"position":1},"title":"Slopegraphs \u2013\u00a0The Quintessential Tufte GDP Example Revisited","author":"hrbrmstr","date":"2012-06-05","format":false,"excerpt":"If you're even remotely familiar with slopegraphs, then you'll recognize Tufte's classic 1970-1979 GDP chart example (click for larger version): What you may not notice initially, however, is that Tufte \u2014 well \u2014\u00a0cheated. Yes, I said it. Cheated. I can show it by zooming into the \"Belgium\/Canada\/Finland\" grouping in the\u2026","rel":"","context":"In &quot;Charts &amp; Graphs&quot;","block_context":{"text":"Charts &amp; Graphs","link":"https:\/\/rud.is\/b\/category\/charts-graphs\/"},"img":{"alt_text":"","src":"","width":0,"height":0},"classes":[]},{"id":1334,"url":"https:\/\/rud.is\/b\/2012\/06\/20\/slopegraphs-in-python-failed-states-index-part-1\/","url_meta":{"origin":2823,"position":2},"title":"Slopegraphs in Python \u2013\u00a0Failed States Index (Part 1)","author":"hrbrmstr","date":"2012-06-20","format":false,"excerpt":"The Fund For Peace (FFP) and Foreign Policy jointly released the 2012 version of the \"failed states index\" (FSI). From the FFP site, the FSI: \u2026focuses on the indicators of risk and is based on thousands of articles and reports that are processed by our CAST Software from electronically available\u2026","rel":"","context":"In &quot;Charts &amp; Graphs&quot;","block_context":{"text":"Charts &amp; Graphs","link":"https:\/\/rud.is\/b\/category\/charts-graphs\/"},"img":{"alt_text":"","src":"","width":0,"height":0},"classes":[]},{"id":1181,"url":"https:\/\/rud.is\/b\/2012\/06\/05\/slopegraphs-in-python-slope-colors\/","url_meta":{"origin":2823,"position":3},"title":"Slopegraphs in Python \u2013 Slope Colors","author":"hrbrmstr","date":"2012-06-05","format":false,"excerpt":"As the codebase gets closer to the 1.0 stretch we now have the addition of slope colors for when values go up\/down or remain constant between points. The code still only handles two columns of data, but the intent is for each segment to also be colored appropriately (up\/down\/same) in\u2026","rel":"","context":"In &quot;Charts &amp; Graphs&quot;","block_context":{"text":"Charts &amp; Graphs","link":"https:\/\/rud.is\/b\/category\/charts-graphs\/"},"img":{"alt_text":"","src":"","width":0,"height":0},"classes":[]},{"id":1191,"url":"https:\/\/rud.is\/b\/2012\/06\/07\/slopegraphs-in-python-exploring-binningrounding\/","url_meta":{"origin":2823,"position":4},"title":"Slopegraphs in Python \u2013 Exploring Binning\/Rounding","author":"hrbrmstr","date":"2012-06-07","format":false,"excerpt":"One of the last items for the 1.0 release is support for multiple columns of data. That will require some additional refactoring, so I've been procrastinating by exploring the recent \"fudging\" discovery. Despite claims to the contrary on other sites, there are more folks playing with slopegraphs than you might\u2026","rel":"","context":"In &quot;Charts &amp; Graphs&quot;","block_context":{"text":"Charts &amp; Graphs","link":"https:\/\/rud.is\/b\/category\/charts-graphs\/"},"img":{"alt_text":"","src":"","width":0,"height":0},"classes":[]},{"id":2428,"url":"https:\/\/rud.is\/b\/2013\/04\/11\/ugly-tables-vs-slopegraphs-pc-maker-shipments-marketshare\/","url_meta":{"origin":2823,"position":5},"title":"Ugly Tables vs Slopegraphs : PC Maker Shipments &#038; Marketshare","author":"hrbrmstr","date":"2013-04-11","format":false,"excerpt":"Andrew Cunningham (@IT_AndrewC) posted an article\u2014If you make PCs and you\u2019re not Lenovo, you might be in trouble\u2014on the always #spiffy @arstechnica that had this horrid table in it: That table was not made by Andrew (so, don't blame him) but Ars graphics folk *could* have made the post a\u2026","rel":"","context":"In &quot;Charts &amp; Graphs&quot;","block_context":{"text":"Charts &amp; Graphs","link":"https:\/\/rud.is\/b\/category\/charts-graphs\/"},"img":{"alt_text":"","src":"","width":0,"height":0},"classes":[]}],"jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/rud.is\/b\/wp-json\/wp\/v2\/posts\/2823","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/rud.is\/b\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/rud.is\/b\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/rud.is\/b\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/rud.is\/b\/wp-json\/wp\/v2\/comments?post=2823"}],"version-history":[{"count":0,"href":"https:\/\/rud.is\/b\/wp-json\/wp\/v2\/posts\/2823\/revisions"}],"wp:attachment":[{"href":"https:\/\/rud.is\/b\/wp-json\/wp\/v2\/media?parent=2823"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/rud.is\/b\/wp-json\/wp\/v2\/categories?post=2823"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/rud.is\/b\/wp-json\/wp\/v2\/tags?post=2823"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}