{"id":1298,"date":"2024-11-08T08:00:00","date_gmt":"2024-11-08T09:00:00","guid":{"rendered":"https:\/\/fdswebdesign.com\/?p=1298"},"modified":"2024-11-12T23:40:41","modified_gmt":"2024-11-12T23:40:41","slug":"alternatives-to-typical-technical-illustrations-and-data-visualisations","status":"publish","type":"post","link":"https:\/\/fdswebdesign.com\/index.php\/2024\/11\/08\/alternatives-to-typical-technical-illustrations-and-data-visualisations\/","title":{"rendered":"Alternatives To Typical Technical Illustrations And Data Visualisations"},"content":{"rendered":"<p>              <title>Alternatives To Typical Technical Illustrations And Data Visualisations<\/title><\/p>\n<article>\n<header>\n<h1>Alternatives To Typical Technical Illustrations And Data Visualisations<\/h1>\n<address>Thomas Bohm<\/address>\n<p>                  2024-11-08T09:00:00+00:00<br \/>\n                  2024-11-12T23:06:22+00:00<br \/>\n                <\/header>\n<p>Good technical illustrations and data visualisations allow users and clients to, in a manner of speaking, take time out, ponder and look at the information in a really accessible and engaging way. It can obviously also help you communicate certain categories of information and data.<\/p>\n<p>The aim of the article is to inspire and show you how, by using different technical illustrations and data visualisations, you can really engage and communicate with your users and do much more good for the surrounding content.<\/p>\n<p>Below are interesting and <strong>not commonly seen examples of technical illustration and data visualisation<\/strong>, that show data and information. As you know, more commonly seen examples are bar graphs and pie charts, but there is so much more than that!<\/p>\n<p>So, keep reading and looking at the following examples, and I will show you some really cool stuff.<\/p>\n<h3 id=\"technology\">Technology<\/h3>\n<p>Typically, technical illustration and data visualisations were done using paper, pens, pencils, compasses, and rulers. But now everything is possible &mdash; you can do analog and digital. Since the mainstream introduction of the internet, around 1997, data (text, numerical, symbol) has flourished, and it has become the current day <em>gold currency<\/em>. It is easy for anyone to learn who has the software or knows the coding language. And it is much easier to do technical illustrations and data visualisation than in previous years. But that does not always mean that what is done today is better than what was done before.<\/p>\n<h3 id=\"what-makes-data-and-information-good\">What Makes Data And Information Good<\/h3>\n<ul>\n<li>It must be aesthetically pleasing, interesting, and stimulating to look at.<\/li>\n<li>It must be of value and worth the effort to read and digest the information.<\/li>\n<li>It must be easy to understand and logical.<\/li>\n<li>To convey ideas effectively, both aesthetic form and functionality need to go hand in hand, as Vitaly Friedman in his article \u201c<a href=\"https:\/\/www.smashingmagazine.com\/2008\/01\/monday-inspiration-data-visualization-and-infographics\/\">Data Visualization and Infographics<\/a>\u201d has pointed out.<\/li>\n<li>It must be legible and have well-named and easy-to-understand axes and labels.<\/li>\n<li>It should help explain and show data and information in a more interesting way than if it were presented in tabular form.<\/li>\n<li>It should help explain or unpack what is written in any surrounding text and make it come to life in an unusual and useful way.<\/li>\n<li>It must be easy to compare and contrast the data against the other data.<\/li>\n<\/ul>\n<h3 id=\"the-importance-of-knowing-about-different-audiences\">The Importance Of Knowing About Different Audiences<\/h3>\n<p>There are some common categories of audiences:<\/p>\n<ul>\n<li>Expert,<\/li>\n<li>Intermediate,<\/li>\n<li>Beginner,<\/li>\n<li>Member of the public,<\/li>\n<li>Child,<\/li>\n<li>Teenager,<\/li>\n<li>Middle-aged,<\/li>\n<li>Ageing,<\/li>\n<li>Has some prior knowledge,<\/li>\n<li>Does not have any prior knowledge,<\/li>\n<li>Person with some kind of disability (vision, physical, hearing, mobility).<\/li>\n<\/ul>\n<p>Sara Dholakia in her article \u201c<a href=\"https:\/\/www.smashingmagazine.com\/2023\/01\/guide-getting-data-visualization-right\/\">A Guide To Getting Data Visualization Right<\/a>\u201d points out the following considerations:<\/p>\n<ul>\n<li>The audience\u2019s familiarity with the subject matter of your data;<\/li>\n<li>How much context they already have versus what you should provide;<\/li>\n<li>Their familiarity with various methods of data visualisation.<\/li>\n<\/ul>\n<p>Just look at what we are more often than not presented with.<\/p>\n<figure class=\"\n  \n    break-out article__image\n  \n  \n  \"><\/p>\n<p>    <a href=\"https:\/\/files.smashing.media\/articles\/rethinking-technical-illustrations-data-visualisations\/1-overused-charts.png\"><\/p>\n<p>    <img decoding=\"async\" loading=\"lazy\" width=\"800\" height=\"377\" src=\"data:image\/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==\" alt=\"Overused kinds of data visualization\" class=\"lazyload\" data-src=\"https:\/\/res.cloudinary.com\/indysigner\/image\/fetch\/f_auto,q_80\/w_400\/https:\/\/files.smashing.media\/articles\/rethinking-technical-illustrations-data-visualisations\/1-overused-charts.png\"><\/p>\n<p>    <\/a><figcaption class=\"op-vertical-bottom\">\n      (<a href=\"https:\/\/files.smashing.media\/articles\/rethinking-technical-illustrations-data-visualisations\/1-overused-charts.png\">Large preview<\/a>)<br \/>\n    <\/figcaption><\/figure>\n<p>So, let us dive into some cool examples that you can understand and start using today that will also give your work and content a really cool edge and help it stand out and communicate better.<\/p>\n<div data-audience=\"non-subscriber\" data-remove=\"true\" class=\"feature-panel-container\">\n<aside class=\"feature-panel\">\n<div class=\"feature-panel-left-col\">\n<div class=\"feature-panel-description\">\n<p>Meet <strong><a data-instant href=\"https:\/\/www.smashingconf.com\/online-workshops\/\">Smashing Workshops<\/a><\/strong> on <strong>front-end, design &amp; UX<\/strong>, with practical takeaways, live sessions, <strong>video recordings<\/strong> and a friendly Q&amp;A. With Brad Frost, St\u00e9ph Walter and <a href=\"https:\/\/smashingconf.com\/online-workshops\/workshops\">so many others<\/a>.<\/p>\n<p><a data-instant href=\"smashing-workshops\" class=\"btn btn--green btn--large\">Jump to the workshops&nbsp;\u21ac<\/a><\/div>\n<\/div>\n<div class=\"feature-panel-right-col\"><a data-instant href=\"smashing-workshops\" class=\"feature-panel-image-link\"><\/p>\n<div class=\"feature-panel-image\">\n<img decoding=\"async\" loading=\"lazy\" class=\"feature-panel-image-img lazyload\" src=\"data:image\/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==\" alt=\"Feature Panel\" width=\"257\" height=\"355\" data-src=\"\/images\/smashing-cat\/cat-scubadiving-panel.svg\"><\/p>\n<\/div>\n<p><\/a>\n<\/div>\n<\/aside>\n<\/div>\n<h2 id=\"3d-flow-diagram\">3D Flow Diagram<\/h2>\n<p>It provides a great way to show relationships and connections between items and different components, and the 3D style adds a lot to the diagram.<\/p>\n<figure class=\"\n  \n    break-out article__image\n  \n  \n  \"><\/p>\n<p>    <a href=\"https:\/\/files.smashing.media\/articles\/rethinking-technical-illustrations-data-visualisations\/2-3d-flow-diagram-example.png\"><\/p>\n<p>    <img decoding=\"async\" loading=\"lazy\" width=\"800\" height=\"630\" src=\"data:image\/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==\" alt=\"3D flow diagram\" class=\"lazyload\" data-src=\"https:\/\/res.cloudinary.com\/indysigner\/image\/fetch\/f_auto,q_80\/w_400\/https:\/\/files.smashing.media\/articles\/rethinking-technical-illustrations-data-visualisations\/2-3d-flow-diagram-example.png\"><\/p>\n<p>    <\/a><figcaption class=\"op-vertical-bottom\">\n      (<a href=\"https:\/\/files.smashing.media\/articles\/rethinking-technical-illustrations-data-visualisations\/2-3d-flow-diagram-example.png\">Large preview<\/a>)<br \/>\n    <\/figcaption><\/figure>\n<h2 id=\"card-diagram\">Card Diagram<\/h2>\n<p>It\u2019s an effective way to highlight and select information or data in relation to its surrounding data and information.<\/p>\n<figure class=\"\n  \n    break-out article__image\n  \n  \n  \"><\/p>\n<p>    <a href=\"https:\/\/files.smashing.media\/articles\/rethinking-technical-illustrations-data-visualisations\/3-card-diagram-v1.png\"><\/p>\n<p>    <img decoding=\"async\" loading=\"lazy\" width=\"800\" height=\"368\" src=\"data:image\/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==\" alt=\"Card diagram\" class=\"lazyload\" data-src=\"https:\/\/res.cloudinary.com\/indysigner\/image\/fetch\/f_auto,q_80\/w_400\/https:\/\/files.smashing.media\/articles\/rethinking-technical-illustrations-data-visualisations\/3-card-diagram-v1.png\"><\/p>\n<p>    <\/a><figcaption class=\"op-vertical-bottom\">\n      (<a href=\"https:\/\/files.smashing.media\/articles\/rethinking-technical-illustrations-data-visualisations\/3-card-diagram-v1.png\">Large preview<\/a>)<br \/>\n    <\/figcaption><\/figure>\n<h2 id=\"pyramid-graph\">Pyramid Graph<\/h2>\n<p>Being great at showing two categories of information and comparing them horizontally, they are an alternative to typical horizontal or vertical bar graphs.<\/p>\n<figure class=\"\n  \n    break-out article__image\n  \n  \n  \"><\/p>\n<p>    <a href=\"https:\/\/files.smashing.media\/articles\/rethinking-technical-illustrations-data-visualisations\/4-pyramid-graph.png\"><\/p>\n<p>    <img decoding=\"async\" loading=\"lazy\" width=\"800\" height=\"444\" src=\"data:image\/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==\" alt=\"Pyramid graph\" class=\"lazyload\" data-src=\"https:\/\/res.cloudinary.com\/indysigner\/image\/fetch\/f_auto,q_80\/w_400\/https:\/\/files.smashing.media\/articles\/rethinking-technical-illustrations-data-visualisations\/4-pyramid-graph.png\"><\/p>\n<p>    <\/a><figcaption class=\"op-vertical-bottom\">\n      (<a href=\"https:\/\/files.smashing.media\/articles\/rethinking-technical-illustrations-data-visualisations\/4-pyramid-graph.png\">Large preview<\/a>)<br \/>\n    <\/figcaption><\/figure>\n<h2 id=\"3d-examples-of-common-graphs\">3D Examples Of Common Graphs<\/h2>\n<p>They are an excellent way to enliven overused 2D pie and bar graphs. 3D examples of common graphs give a real sense of quality and depth whilst enhancing the data and information much more than 2D versions.<\/p>\n<figure class=\"\n  \n    break-out article__image\n  \n  \n  \"><\/p>\n<p>    <a href=\"https:\/\/files.smashing.media\/articles\/rethinking-technical-illustrations-data-visualisations\/5-3d-examples-common-graphs.png\"><\/p>\n<p>    <img decoding=\"async\" loading=\"lazy\" width=\"800\" height=\"442\" src=\"data:image\/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==\" alt=\"3D examples of common graphs\" class=\"lazyload\" data-src=\"https:\/\/res.cloudinary.com\/indysigner\/image\/fetch\/f_auto,q_80\/w_400\/https:\/\/files.smashing.media\/articles\/rethinking-technical-illustrations-data-visualisations\/5-3d-examples-common-graphs.png\"><\/p>\n<p>    <\/a><figcaption class=\"op-vertical-bottom\">\n      (<a href=\"https:\/\/files.smashing.media\/articles\/rethinking-technical-illustrations-data-visualisations\/5-3d-examples-common-graphs.png\">Large preview<\/a>)<br \/>\n    <\/figcaption><\/figure>\n<div class=\"partners__lead-place\"><\/div>\n<h2 id=\"sankey-flow-diagram\">Sankey Flow Diagram<\/h2>\n<p>This diagram is a good way to show the progression and the journey of information and data and how they are connected in relation to their data value. It&rsquo;s not often seen, but it&rsquo;s really cool.<\/p>\n<figure class=\"\n  \n    break-out article__image\n  \n  \n  \"><\/p>\n<p>    <a href=\"https:\/\/files.smashing.media\/articles\/rethinking-technical-illustrations-data-visualisations\/6-sankey-flow-diagram.png\"><\/p>\n<p>    <img decoding=\"async\" loading=\"lazy\" width=\"800\" height=\"315\" src=\"data:image\/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==\" alt=\"Sankey flow diagram\" class=\"lazyload\" data-src=\"https:\/\/res.cloudinary.com\/indysigner\/image\/fetch\/f_auto,q_80\/w_400\/https:\/\/files.smashing.media\/articles\/rethinking-technical-illustrations-data-visualisations\/6-sankey-flow-diagram.png\"><\/p>\n<p>    <\/a><figcaption class=\"op-vertical-bottom\">\n      (<a href=\"https:\/\/files.smashing.media\/articles\/rethinking-technical-illustrations-data-visualisations\/6-sankey-flow-diagram.png\">Large preview<\/a>)<br \/>\n    <\/figcaption><\/figure>\n<h2 id=\"stream-graph\">Stream Graph<\/h2>\n<p>A stream graph is a great way to show the data and how it relates to the other data &mdash; much more interesting than just using lines as is typically seen.<\/p>\n<figure class=\"\n  \n    break-out article__image\n  \n  \n  \"><\/p>\n<p>    <a href=\"https:\/\/files.smashing.media\/articles\/rethinking-technical-illustrations-data-visualisations\/7-stream-graph.png\"><\/p>\n<p>    <img decoding=\"async\" loading=\"lazy\" width=\"800\" height=\"512\" src=\"data:image\/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==\" alt=\"Stream graph\" class=\"lazyload\" data-src=\"https:\/\/res.cloudinary.com\/indysigner\/image\/fetch\/f_auto,q_80\/w_400\/https:\/\/files.smashing.media\/articles\/rethinking-technical-illustrations-data-visualisations\/7-stream-graph.png\"><\/p>\n<p>    <\/a><figcaption class=\"op-vertical-bottom\">\n      (<a href=\"https:\/\/files.smashing.media\/articles\/rethinking-technical-illustrations-data-visualisations\/7-stream-graph.png\">Large preview<\/a>)<br \/>\n    <\/figcaption><\/figure>\n<h2 id=\"3d-map\">3D Map<\/h2>\n<p>It provides an excellent way to show a map in a different and more interesting form than the typically seen 2D version. It really gives the map a sense of environment, depth, and atmosphere.<\/p>\n<figure class=\"\n  \n    break-out article__image\n  \n  \n  \"><\/p>\n<p>    <a href=\"https:\/\/files.smashing.media\/articles\/rethinking-technical-illustrations-data-visualisations\/8-3d-map.png\"><\/p>\n<p>    <img decoding=\"async\" loading=\"lazy\" width=\"800\" height=\"533\" src=\"data:image\/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==\" alt=\"3D map\" class=\"lazyload\" data-src=\"https:\/\/res.cloudinary.com\/indysigner\/image\/fetch\/f_auto,q_80\/w_400\/https:\/\/files.smashing.media\/articles\/rethinking-technical-illustrations-data-visualisations\/8-3d-map.png\"><\/p>\n<p>    <\/a><figcaption class=\"op-vertical-bottom\">\n      (<a href=\"https:\/\/files.smashing.media\/articles\/rethinking-technical-illustrations-data-visualisations\/8-3d-map.png\">Large preview<\/a>)<br \/>\n    <\/figcaption><\/figure>\n<h2 id=\"tree-map\">Tree Map<\/h2>\n<p>It\u2019s a great way to show the data spatially and how the data value relates, in terms of size, to the rest of the data.<\/p>\n<figure class=\"\n  \n    break-out article__image\n  \n  \n  \"><\/p>\n<p>    <a href=\"https:\/\/files.smashing.media\/articles\/rethinking-technical-illustrations-data-visualisations\/9-tree-map.png\"><\/p>\n<p>    <img decoding=\"async\" loading=\"lazy\" width=\"800\" height=\"382\" src=\"data:image\/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==\" alt=\"Treemap\" class=\"lazyload\" data-src=\"https:\/\/res.cloudinary.com\/indysigner\/image\/fetch\/f_auto,q_80\/w_400\/https:\/\/files.smashing.media\/articles\/rethinking-technical-illustrations-data-visualisations\/9-tree-map.png\"><\/p>\n<p>    <\/a><figcaption class=\"op-vertical-bottom\">\n      (<a href=\"https:\/\/files.smashing.media\/articles\/rethinking-technical-illustrations-data-visualisations\/9-tree-map.png\">Large preview<\/a>)<br \/>\n    <\/figcaption><\/figure>\n<h2 id=\"waterfall-chart\">Waterfall Chart<\/h2>\n<p>A waterfall chart is helpful in showing the data and how it relates in a vertical manner to the range of data values.<\/p>\n<figure class=\"\n  \n    break-out article__image\n  \n  \n  \"><\/p>\n<p>    <a href=\"https:\/\/files.smashing.media\/articles\/rethinking-technical-illustrations-data-visualisations\/10-waterfall-chart.png\"><\/p>\n<p>    <img decoding=\"async\" loading=\"lazy\" width=\"800\" height=\"327\" src=\"data:image\/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==\" alt=\"Waterfall chart\" class=\"lazyload\" data-src=\"https:\/\/res.cloudinary.com\/indysigner\/image\/fetch\/f_auto,q_80\/w_400\/https:\/\/files.smashing.media\/articles\/rethinking-technical-illustrations-data-visualisations\/10-waterfall-chart.png\"><\/p>\n<p>    <\/a><figcaption class=\"op-vertical-bottom\">\n      (<a href=\"https:\/\/files.smashing.media\/articles\/rethinking-technical-illustrations-data-visualisations\/10-waterfall-chart.png\">Large preview<\/a>)<br \/>\n    <\/figcaption><\/figure>\n<h2 id=\"doughnut-chart\">Doughnut Chart<\/h2>\n<p>It shows the data against the other data segments and also as a value within a range of data.<\/p>\n<figure class=\"\n  \n    break-out article__image\n  \n  \n  \"><\/p>\n<p>    <a href=\"https:\/\/files.smashing.media\/articles\/rethinking-technical-illustrations-data-visualisations\/11-doughnut-chart.png\"><\/p>\n<p>    <img decoding=\"async\" loading=\"lazy\" width=\"800\" height=\"441\" src=\"data:image\/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==\" alt=\"Doughnut chart\" class=\"lazyload\" data-src=\"https:\/\/res.cloudinary.com\/indysigner\/image\/fetch\/f_auto,q_80\/w_400\/https:\/\/files.smashing.media\/articles\/rethinking-technical-illustrations-data-visualisations\/11-doughnut-chart.png\"><\/p>\n<p>    <\/a><figcaption class=\"op-vertical-bottom\">\n      (<a href=\"https:\/\/files.smashing.media\/articles\/rethinking-technical-illustrations-data-visualisations\/11-doughnut-chart.png\">Large preview<\/a>)<br \/>\n    <\/figcaption><\/figure>\n<h2 id=\"lollipop-chart\">Lollipop Chart<\/h2>\n<p>A lollipop chart is an excellent method to demonstrate percentage values in a horizontal manner that also integrates the label and data value well.<\/p>\n<figure class=\"\n  \n    break-out article__image\n  \n  \n  \"><\/p>\n<p>    <a href=\"https:\/\/files.smashing.media\/articles\/rethinking-technical-illustrations-data-visualisations\/12-lollipop-chart.png\"><\/p>\n<p>    <img decoding=\"async\" loading=\"lazy\" width=\"800\" height=\"430\" src=\"data:image\/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==\" alt=\"Lollipop chart\" class=\"lazyload\" data-src=\"https:\/\/res.cloudinary.com\/indysigner\/image\/fetch\/f_auto,q_80\/w_400\/https:\/\/files.smashing.media\/articles\/rethinking-technical-illustrations-data-visualisations\/12-lollipop-chart.png\"><\/p>\n<p>    <\/a><figcaption class=\"op-vertical-bottom\">\n      (<a href=\"https:\/\/files.smashing.media\/articles\/rethinking-technical-illustrations-data-visualisations\/12-lollipop-chart.png\">Large preview<\/a>)<br \/>\n    <\/figcaption><\/figure>\n<div class=\"partners__lead-place\"><\/div>\n<h2 id=\"bubble-chart\">Bubble Chart<\/h2>\n<p>It\u2019s an effective way to illustrate data values in terms of size and sub-classification in relation to the surrounding data.<\/p>\n<figure class=\"\n  \n    break-out article__image\n  \n  \n  \"><\/p>\n<p>    <a href=\"https:\/\/files.smashing.media\/articles\/rethinking-technical-illustrations-data-visualisations\/13-bubble-chart.png\"><\/p>\n<p>    <img decoding=\"async\" loading=\"lazy\" width=\"800\" height=\"480\" src=\"data:image\/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==\" alt=\"Bubble chart\" class=\"lazyload\" data-src=\"https:\/\/res.cloudinary.com\/indysigner\/image\/fetch\/f_auto,q_80\/w_400\/https:\/\/files.smashing.media\/articles\/rethinking-technical-illustrations-data-visualisations\/13-bubble-chart.png\"><\/p>\n<p>    <\/a><figcaption class=\"op-vertical-bottom\">\n      (<a href=\"https:\/\/files.smashing.media\/articles\/rethinking-technical-illustrations-data-visualisations\/13-bubble-chart.png\">Large preview<\/a>)<br \/>\n    <\/figcaption><\/figure>\n<h3 id=\"how-to-start-doing-technical-illustration-and-data-visualisation\">How To Start Doing Technical Illustration And Data Visualisation<\/h3>\n<p>There are many options available, including specialized software like Flourish, Tableau, and Klipfolio; familiar tools like Microsoft Word, Excel, or PowerPoint (with redrawing in software like Adobe Illustrator, Affinity Designer, or CorelDRAW); or learning coding languages such as D3, Three.js, P5.js, WebGL, or the Web Audio API, as Frederick O\u2019Brien discusses in his article \u201c<a href=\"https:\/\/www.smashingmagazine.com\/2022\/06\/web-design-done-well-delightful-data-visualization-examples\/\">Web Design Done Well: Delightful Data Visualization Examples<\/a>.\u201d<\/p>\n<p>But there is one essential ingredient that you will always need, and that is <strong>a mind and vision<\/strong> for technical illustration and data visualisation.<\/p>\n<h3 id=\"worthwhile-practitioners-and-links-to-look-at\">Worthwhile Practitioners And Links To Look At<\/h3>\n<ul>\n<li><a href=\"https:\/\/www.stefanieposavec.com\">Stefanie Posavec<\/a><\/li>\n<li><a href=\"https:\/\/yuriweb.com\">Yuri Engelhardt<\/a><\/li>\n<li><a href=\"http:\/\/giorgialupi.com\">Giorgia Lupi<\/a><\/li>\n<li><a href=\"https:\/\/www.edwardtufte.com\">Edward Tufte<\/a><\/li>\n<li><a href=\"https:\/\/www.informationisbeautifulawards.com\">Information is Beautiful Awards<\/a><\/li>\n<\/ul>\n<div class=\"signature\">\n  <img decoding=\"async\" src=\"data:image\/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==\" alt=\"Smashing Editorial\" width=\"35\" height=\"46\" loading=\"lazy\" class=\"lazyload\" data-src=\"https:\/\/www.smashingmagazine.com\/images\/logo\/logo--red.png\"><br \/>\n  <span>(yk)<\/span>\n<\/div>\n<\/article>\n","protected":false},"excerpt":{"rendered":"<p>Alternatives To Typical Technical Illustrations And Data Visualisations Alternatives To Typical Technical Illustrations And Data Visualisations Thomas Bohm 2024-11-08T09:00:00+00:00 2024-11-12T23:06:22+00:00 Good technical illustrations and data visualisations allow users and clients to, in a manner of speaking, take time out, ponder and look at the information in a really accessible and engaging way. It can obviously&#8230;<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[13],"tags":[],"class_list":["post-1298","post","type-post","status-publish","format-standard","hentry","category-ux"],"_links":{"self":[{"href":"https:\/\/fdswebdesign.com\/index.php\/wp-json\/wp\/v2\/posts\/1298","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/fdswebdesign.com\/index.php\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/fdswebdesign.com\/index.php\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/fdswebdesign.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/fdswebdesign.com\/index.php\/wp-json\/wp\/v2\/comments?post=1298"}],"version-history":[{"count":1,"href":"https:\/\/fdswebdesign.com\/index.php\/wp-json\/wp\/v2\/posts\/1298\/revisions"}],"predecessor-version":[{"id":1299,"href":"https:\/\/fdswebdesign.com\/index.php\/wp-json\/wp\/v2\/posts\/1298\/revisions\/1299"}],"wp:attachment":[{"href":"https:\/\/fdswebdesign.com\/index.php\/wp-json\/wp\/v2\/media?parent=1298"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/fdswebdesign.com\/index.php\/wp-json\/wp\/v2\/categories?post=1298"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/fdswebdesign.com\/index.php\/wp-json\/wp\/v2\/tags?post=1298"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}