<?xml version="1.0" encoding="utf-8" standalone="yes"?><rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom"><channel><title>Data Art on Visual Cinnamon</title><link>https://www.visualcinnamon.com/categories/data-art/</link><description>Recent content in Data Art on Visual Cinnamon</description><generator>Hugo</generator><language>en-us</language><lastBuildDate>Thu, 20 Aug 2026 09:12:58 +0200</lastBuildDate><atom:link href="https://www.visualcinnamon.com/categories/data-art/index.xml" rel="self" type="application/rss+xml"/><item><title>Rays</title><link>https://www.visualcinnamon.com/art/rays/</link><pubDate>Thu, 20 Aug 2026 00:00:00 +0000</pubDate><guid>https://www.visualcinnamon.com/art/rays/</guid><description>&lt;p&gt;I was asked by a private equity firm to create a collection of artworks to &lt;strong&gt;celebrate the history of the company&lt;/strong&gt; using the company&amp;rsquo;s data. The final collection, drawn using millions of tiny dots, consists of a main piece, two specific specializations and a set of five vibrantly colored monochrome versions.&lt;/p&gt;&#10;&lt;figure class='portfolio__img-full-width' &gt;&#10; &#10; &lt;img src='https://www.visualcinnamon.com/img/art/2026/rays/rays_mockup.jpg' alt='A framed mockup of the full artwork' loading="lazy"&gt;&#10; &#10; &#10;&lt;/figure&gt;&#10;&#10;&lt;figure class='portfolio__img-full-width' &gt;&#10; &#10; &lt;img src='https://www.visualcinnamon.com/img/art/2026/rays/rays_main.png' alt='The main artwork' loading="lazy"&gt;&#10; &#10; &#10;&lt;/figure&gt;&#10;&#10;&lt;figure class='portfolio__img-full-width' &gt;&#10; &#10; &lt;img src='https://www.visualcinnamon.com/img/art/2026/rays/rays_monochrome_blue.png' alt='The blue monochrome version' loading="lazy"&gt;&#10; &#10; &#10;&lt;/figure&gt;&#10;&#10;&lt;figure class='portfolio__img-full-width' &gt;&#10; &#10; &lt;img src='https://www.visualcinnamon.com/img/art/2026/rays/rays_detail_1.png' alt='A zoom-in on the main artwork' loading="lazy"&gt;&#10; &#10; &#10;&lt;/figure&gt;&#10;&#10;&lt;figure class='portfolio__img-full-width' &gt;&#10; &#10; &lt;img src='https://www.visualcinnamon.com/img/art/2026/rays/rays_version_2.png' alt='A specialization of the underlying dataset' loading="lazy"&gt;&#10; &#10; &#10;&lt;/figure&gt;&#10;&#10;&lt;p&gt;&lt;figure class='portfolio__img-half-width-left' &gt;&#10; &#10; &lt;img src='https://www.visualcinnamon.com/img/art/2026/rays/rays_monochrome_red.png' alt='The red monochrome version' loading="lazy"&gt;&#10; &#10; &#10;&lt;/figure&gt;&#10;&#10;&lt;figure class='portfolio__img-half-width-right' &gt;&#10; &#10; &lt;img src='https://www.visualcinnamon.com/img/art/2026/rays/rays_monochrome_turquoise.png' alt='The turquoise monochrome version' loading="lazy"&gt;&#10; &#10; &#10;&lt;/figure&gt;&#10;&lt;/p&gt;</description></item><item><title>Growing Cities</title><link>https://www.visualcinnamon.com/art/epfl-growing-cities/</link><pubDate>Thu, 13 Aug 2026 00:00:00 +0000</pubDate><guid>https://www.visualcinnamon.com/art/epfl-growing-cities/</guid><description>&lt;p&gt;In collaboration with the &lt;a href="https://www.epfl.ch/labs/urbes/"&gt;EPFL Laboratory of Urban and Environmental Systems&lt;/a&gt;, I transformed their scientific research on global urban growth into an aesthetic data artwork. By &lt;strong&gt;visualizing how cities like Shanghai and Beijing have evolved over two decades&lt;/strong&gt;, I created an A0-sized piece that brings their findings to a wider audience in a beautiful, art-oriented way. The team aimed to move beyond traditional scientific charts to showcase their research through a more engaging lens. The design ensures that while the end result looks like abstract art at first glance, upon closer inspection, the viewer can clearly discern the underlying urban growth trends and individual city morphology.&lt;/p&gt;</description></item><item><title>Wall Artworks for New DNV Office</title><link>https://www.visualcinnamon.com/art/dnv-wall-artwork/</link><pubDate>Mon, 15 Dec 2025 00:00:00 +0000</pubDate><guid>https://www.visualcinnamon.com/art/dnv-wall-artwork/</guid><description>&lt;p&gt;I was contacted through Avison Young Studio Project Services to create &lt;strong&gt;two large wall-filling artworks&lt;/strong&gt; for DNV&amp;rsquo;s new office in Houston, Texas. They wanted to &lt;strong&gt;visually represent part of the data they provide&lt;/strong&gt;, preferably with an energy and maritime focus, &lt;strong&gt;in a captivating way&lt;/strong&gt;. I used two datasets from their &amp;ldquo;Energy Transition Outlook&amp;rdquo; to show the change in energy &lt;em&gt;consumption&lt;/em&gt; between 2000 and 2050, and the projected maritime energy &lt;em&gt;demand&lt;/em&gt; over the same period as a spiral with time flowing outward and the density of certain colors representing the different energy sources.&lt;/p&gt;</description></item><item><title>Time For CH₄nge Campaign</title><link>https://www.visualcinnamon.com/art/time-for-ch4nge/</link><pubDate>Sat, 26 Apr 2025 00:00:00 +0000</pubDate><guid>https://www.visualcinnamon.com/art/time-for-ch4nge/</guid><description>&lt;p&gt;I was commissioned by the &lt;strong&gt;Environmental Defense Fund&lt;/strong&gt; (through Fourtold) to &lt;strong&gt;create a data art hero image&lt;/strong&gt; for their &lt;strong&gt;Time For CH₄nge campaign&lt;/strong&gt;, designed to raise awareness about methane emissions and their impact on climate change. The challenge was to give form to the invisible: methane is a colorless, odorless gas, making its growing presence difficult to perceive. I developed a full &lt;strong&gt;data art system&lt;/strong&gt; and interactive webpage, inviting users to enter their date of birth and &lt;strong&gt;experience how much methane has been added to the atmosphere during their lifetime&lt;/strong&gt;, making the global issue feel personal and immediate.&lt;/p&gt;</description></item><item><title>GDQS Data Art Collection</title><link>https://www.visualcinnamon.com/art/gdqs/</link><pubDate>Tue, 31 Dec 2024 00:00:00 +0000</pubDate><guid>https://www.visualcinnamon.com/art/gdqs/</guid><description>&lt;p&gt;This six-piece data art collection, created for the GDQS Country Story Book by Intake, &lt;strong&gt;transforms Global Diet Quality Score (GDQS) data from over 80,000 individuals across 23 countries into vibrant visualizations&lt;/strong&gt;. Each artwork symbolizes dietary patterns, using distinct visual elements — like wavy white lines for “Whole Grains” and bold red circles for “Red Meat” — to represent the 25 GDQS food groups. The centerpiece visualizes individuals’ dietary data as colorful rings, where the size and color of each section reflect the variety and quantity of foods consumed during a single day. Additional pieces explore unique themes: animal source foods, vegetables and tubers, sweets and processed foods, whole foods, and fruits, each inspired by familiar forms like lollipops or fruit slices. Inspired by universal experiences like shared meals, &lt;strong&gt;this collection celebrates the richness, diversity, and cultural nuances of global diets&lt;/strong&gt;, offering a visually engaging narrative of dietary data and its impact.&lt;/p&gt;</description></item><item><title>The Essence of Us</title><link>https://www.visualcinnamon.com/art/the-essence-of-us/</link><pubDate>Mon, 27 Mar 2023 00:00:00 +0000</pubDate><guid>https://www.visualcinnamon.com/art/the-essence-of-us/</guid><description>&lt;p&gt;&amp;ldquo;The Essence of Us&amp;rdquo; is a subtly moving data art piece that asks the question &lt;strong&gt;&amp;ldquo;What defines Human Culture?&amp;rdquo;&lt;/strong&gt; through the lens of the &lt;strong&gt;5000+ exoplanets that have been discovered since the first in 1992&lt;/strong&gt;. Data about the exoplanets is mapped to every visual aspect that you see. Earth, Us, is symbolically placed us in the center, and every spiral around it is one exoplanet. My intent was to create a slowly moving piece that you can stare into and wonder about that initial question, what defines human culture as a whole? &lt;em&gt;This piece is still &lt;a href="https://gallery.manifold.xyz/essence-of-us"&gt;available for sale&lt;/a&gt;&lt;/em&gt;&lt;/p&gt;</description></item><item><title>Patchwork Kingdoms</title><link>https://www.visualcinnamon.com/art/patchwork-kingdoms/</link><pubDate>Mon, 17 Jan 2022 00:00:00 +0000</pubDate><guid>https://www.visualcinnamon.com/art/patchwork-kingdoms/</guid><description>&lt;p&gt;&amp;ldquo;Patchwork Kingdoms&amp;rdquo; is a data &amp;amp; generative art charity collection that I created for the &lt;a href="https://giga.global/"&gt;Giga Connect&lt;/a&gt; project of UNICEF. All proceeds from the sale went to this project, which &lt;strong&gt;aims to connect all of the schools in the world to the internet&lt;/strong&gt;. The Giga project has a dataset of 1 million schools and for ±280,000 of those they know if those schools are connected to the internet. I took this data about the schools, split it into 1000 subsets, and &lt;strong&gt;turned each school into a tiny square&lt;/strong&gt;. All the squares together build up into two separate kingdoms, where those in the upright kingdoms are schools that are already connected to the internet, while those in the hidden / upside down kingdoms are not. &lt;strong&gt;Each of the 1000 pieces is thereby showing the &amp;ldquo;digital divide&amp;rdquo; that still exists in our world&lt;/strong&gt;, and the funds from this sale will help to bring more schools from the hidden to the upright kingdom.&lt;/p&gt;</description></item><item><title>Wanderlust</title><link>https://www.visualcinnamon.com/art/wanderlust/</link><pubDate>Fri, 08 Oct 2021 00:00:00 +0000</pubDate><guid>https://www.visualcinnamon.com/art/wanderlust/</guid><description>&lt;p&gt;&amp;ldquo;Wanderlust&amp;rdquo; is a data art + generative art collection, a &lt;em&gt;BlockStyle&lt;/em&gt;, that I created for &lt;a href="https://ethblock.art/"&gt;&lt;strong&gt;EthBlock.Art&lt;/strong&gt;&lt;/a&gt;. My algorithm takes the transactional data from each Ethereum block in the blockchain and converts it into a unique, but deterministic, image, visualizing several aspects of each transaction. &lt;strong&gt;People are able to decide for themselves which block they wish to mint&lt;/strong&gt;, thereby creating a collaboration between myself as the artist and the minters to define which the final blocks / images will be the final collection.&lt;/p&gt;</description></item><item><title>Elemental Flows</title><link>https://www.visualcinnamon.com/art/elemental-flows/</link><pubDate>Mon, 20 Sep 2021 00:00:00 +0000</pubDate><guid>https://www.visualcinnamon.com/art/elemental-flows/</guid><description>&lt;p&gt;This is a &lt;strong&gt;&amp;ldquo;Generative meets Data art&amp;rdquo; collection&lt;/strong&gt; of 4 + 1, revealing data about some of the most important elements that we humans (now) need to live; Earth, Water, Air, Sun + Digital. They &lt;strong&gt;all stem from the same underlying algorithm&lt;/strong&gt;. However, each piece is differently fine-tuned to form a representation of their element.&lt;/p&gt;&#10;&lt;figure class='portfolio__img-full-width' &gt;&#10; &#10; &lt;img src='https://www.visualcinnamon.com/img/art/2021/elemental-flows/elemental_flows_earth.png' alt='Elemental Flows - Earth' loading="lazy"&gt;&#10; &#10; &#10;&lt;/figure&gt;&#10;&#10;&lt;figure class='portfolio__img-full-width' &gt;&#10; &#10; &lt;img src='https://www.visualcinnamon.com/img/art/2021/elemental-flows/elemental_flows_water.png' alt='Elemental Flows - Water' loading="lazy"&gt;&#10; &#10; &#10;&lt;/figure&gt;&#10;&#10;&lt;figure class='portfolio__img-half-width-left' &gt;&#10; &#10; &lt;img src='https://www.visualcinnamon.com/img/art/2021/elemental-flows/elemental_flows_detail_1.png' alt='A zoom-in on Air' loading="lazy"&gt;&#10; &#10; &#10;&lt;/figure&gt;&#10;&#10;&lt;figure class='portfolio__img-half-width-right' &gt;&#10; &#10; &lt;img src='https://www.visualcinnamon.com/img/art/2021/elemental-flows/elemental_flows_detail_2.png' alt='A zoom-in on Earth' loading="lazy"&gt;&#10; &#10; &#10;&lt;/figure&gt;&#10;&#10;&lt;figure class='portfolio__img-full-width' &gt;&#10; &#10; &lt;img src='https://www.visualcinnamon.com/img/art/2021/elemental-flows/elemental_flows_sun.png' alt='Elemental Flows - Sun' loading="lazy"&gt;&#10; &#10; &#10;&lt;/figure&gt;&#10;&#10;&lt;div class="portfolio__highlight" style='background-color: #95bfdc' &gt;&lt;p&gt;For this collection I combined elements of generative art and data art. Each piece uses the same underlying flow algorithm, but I&amp;rsquo;ve fine-tuned each to look like the element I&amp;rsquo;m trying to convey.&lt;/p&gt;</description></item><item><title>Wanderings of Stars</title><link>https://www.visualcinnamon.com/art/wanderings-of-stars/</link><pubDate>Mon, 20 Sep 2021 00:00:00 +0000</pubDate><guid>https://www.visualcinnamon.com/art/wanderings-of-stars/</guid><description>&lt;p&gt;The three pieces in this generative &amp;amp; data art collection &lt;strong&gt;reveal how the stars in our night sky are moving through the &amp;ldquo;lens&amp;rdquo; of how our current constellations are pulled apart&lt;/strong&gt; as time is either moved 400,000 years into the past, the future, or both. These pieces place you as an outside viewer, looking at the night sky as a sphere with the stars and constellations drawn along the outside, and our Earth a theoretical speck in the center.&lt;/p&gt;</description></item><item><title>Landscape of Power Flows</title><link>https://www.visualcinnamon.com/portfolio/landscape-of-power-flows/</link><pubDate>Mon, 05 Jul 2021 00:00:00 +0000</pubDate><guid>https://www.visualcinnamon.com/portfolio/landscape-of-power-flows/</guid><description>&lt;p&gt;&lt;strong&gt;Swissgrid&lt;/strong&gt;, the national transmission system operator in Switzerland, reached out to me because they wanted to &lt;strong&gt;explore an artistic way to visualize the data that is generated in their extra-high-voltage network of electrical grids&lt;/strong&gt;. With over 60 million datapoints from the year 2019 it was quite a challenge to find the right balance of aggregating values while still showing as much detail as possible. The final result, called &lt;em&gt;&amp;ldquo;Landscape of Power Flows&amp;rdquo;&lt;/em&gt;, became a &lt;strong&gt;giant work of 2m x 2.7m, printed on acrylic glass&lt;/strong&gt;, and is now hanging in the lobby of Swissgrid&amp;rsquo;s main office in Aarau, where guests (and employees) can take in the whole visual, but also slowly explore the many details that reveal themselves the closer you get.&lt;/p&gt;</description></item><item><title>Re-imagining music’s ‘Gold Record’ with Data Art</title><link>https://www.visualcinnamon.com/portfolio/sony-music-data-art/</link><pubDate>Tue, 22 Sep 2020 00:00:00 +0000</pubDate><guid>https://www.visualcinnamon.com/portfolio/sony-music-data-art/</guid><description>&lt;p&gt;Sony Music reached out to collaborate on creating a &lt;strong&gt;data-driven re-imagination of the &amp;lsquo;gold record&amp;rsquo;&lt;/strong&gt;, the record certifications plaques that celebrate milestones in the journey of a song or album. Using &lt;strong&gt;data from the music itself and from Spotify and Youtube&lt;/strong&gt;, such as the streams, playlists and chart positions, I created a data art system that creates a unique poster that shows the &amp;ldquo;data fingerprint&amp;rdquo; for each song. These posters are meant to be printed at the same size as the original gold records, at 40x50cm. I therefore had a lot of room to add visual details from the elaborate datasets. I aimed for a type of work that should be &lt;strong&gt;placed on a wall&lt;/strong&gt; and every time you walk by, you can read a bit more and &lt;strong&gt;learn something new for weeks and months&lt;/strong&gt;. Something that&amp;rsquo;s worth it to print and frame, that keeps on giving insights the longer you look. Something that you can appreciate visually in an instant, but it takes longer to gain insights (should you even want to).&lt;/p&gt;</description></item><item><title>Data art posters about music (streaming) data for Sony Music</title><link>https://www.visualcinnamon.com/2020/06/sony-music-data-art/</link><pubDate>Mon, 21 Sep 2020 00:00:00 +0000</pubDate><guid>https://www.visualcinnamon.com/2020/06/sony-music-data-art/</guid><description>&lt;p&gt;In April, Sony Music Entertainment reached out to me with a really interesting project idea. When a single or album sells more than a certain amount of units they become a &lt;strong&gt;gold&lt;/strong&gt; or &lt;strong&gt;platinum record&lt;/strong&gt;. The artist generally receives a framed vinyl or CD. But in these days of data being tracked everywhere and listening to music online, could I &lt;strong&gt;develop a more data art inspired version of a gold record&lt;/strong&gt; using data from the actual streams, charts and the song itself. Well, that sounded like an &lt;em&gt;amazingly fun&lt;/em&gt; project to sink my teeth into so I enthusiastically agreed!&lt;/p&gt;</description></item><item><title>A Year in Flights</title><link>https://www.visualcinnamon.com/portfolio/a-year-in-flights/</link><pubDate>Wed, 18 Apr 2018 14:11:52 +0200</pubDate><guid>https://www.visualcinnamon.com/portfolio/a-year-in-flights/</guid><description>&lt;p&gt;This data art piece conveys &lt;strong&gt;the intricacies of a year&amp;rsquo;s worth of flights performed by Transavia&lt;/strong&gt;, a Dutch airline. Each flight is turned into an abstract shape whose appearance is completely determined by the meta-data of that flight. Together they create a piece that is unique and crafted only from Transavia&amp;rsquo;s own data that &lt;strong&gt;still conveys general trends&lt;/strong&gt; (holidays, destination shifts depending on season, charter flights, etc.), while also having an artistic feel. The final piece, measuring 3m x 1.5m, was placed in Transavia&amp;rsquo;s office to remind employees about the vast amounts of data that they can use in their day-to-day work.&lt;/p&gt;</description></item><item><title>Coding a “Reasons to” logo remix on my iPad</title><link>https://www.visualcinnamon.com/2017/07/reasons-to-remix/</link><pubDate>Sat, 22 Jul 2017 00:00:00 +0000</pubDate><guid>https://www.visualcinnamon.com/2017/07/reasons-to-remix/</guid><description>&lt;p&gt;I&amp;rsquo;d like to share some of my experiences about coding on an iPad&amp;hellip;while in the desert of Namibia (*≧▽≦). Also list a few useful new SVG libraries I learned about (like &lt;em&gt;animated&lt;/em&gt; SVG files, yes, a &lt;em&gt;file&lt;/em&gt;). And of course show the end result of my &lt;a href="https://reasons.to/2017/brighton"&gt;Reasons to&lt;/a&gt; logo remix&lt;/p&gt;</description></item><item><title>Breathing Earth</title><link>https://www.visualcinnamon.com/portfolio/breathing-earth/</link><pubDate>Wed, 24 May 2017 10:33:57 +0000</pubDate><guid>https://www.visualcinnamon.com/portfolio/breathing-earth/</guid><description>&lt;p&gt;We all know that our Earth goes through a seasonal cycle, especially for the latitudes farther away from the equator. In the fall the &amp;ldquo;deciduous&amp;rdquo; plants lose their leaves only to grow back again in the next spring. The animation happening in &amp;ldquo;Breathing Earth&amp;rdquo; shows how 50.000 circles move through all 52 weeks of 2016 and visualize the seasonal cycles. Thereby displaying the how vegetation health changes throughout the year and how plant growth &amp;amp; decline occur on different times and scales in the many regions across the Earth.&lt;/p&gt;</description></item><item><title>Marble Butterflies</title><link>https://www.visualcinnamon.com/art/marble-butterflies/</link><pubDate>Tue, 28 Feb 2017 22:13:23 +0000</pubDate><guid>https://www.visualcinnamon.com/art/marble-butterflies/</guid><description>&lt;p&gt;Driven by butterfly data, let these generative butterflies free across your screen to evolve &amp;amp; develop and be &lt;strong&gt;mesmerized&lt;/strong&gt; as your screen fills up with colorful paths. This was a personal exploration of combining data with &lt;em&gt;generative art&lt;/em&gt; to create something that is based on data, but wants to engage its audience first and foremost, instead of teaching its audience about (the numbers within) the data.&lt;/p&gt;&#10;&lt;figure class='portfolio__img-full-width' &gt;&#10; &#10; &lt;img src='https://www.visualcinnamon.com/img/art/2017/marble-butterflies/marble_butterflies_laptop_detail_1.jpg' alt='A screenshot of Marble Butterflies with the butterfly logo on top' loading="lazy"&gt;&#10; &#10; &#10;&lt;/figure&gt;&#10;&#10;&lt;figure class='portfolio__img-full-width' &gt;&#10; &#10; &lt;img src='https://www.visualcinnamon.com/img/art/2017/marble-butterflies/marble_butterflies_detail_2.jpg' alt='A screenshot of Marble Butterflies' loading="lazy"&gt;&#10; &#10; &#10;&lt;/figure&gt;&#10;&#10;&lt;video class='portfolio__video_full_width' autoplay loop playsinline muted &gt;&lt;source src='https://www.visualcinnamon.com/img/art/2017/marble-butterflies/marble_butterflies_laptop_animation_1.mp4' type="video/mp4"&gt;&lt;/video&gt;&#10;&lt;div class="portfolio__highlight" style='background-color: #E73677' &gt;&lt;p&gt;The data sketches topic for February was &lt;em&gt;nature&lt;/em&gt; and to me, nature is guided by randomness; mutations that happen without reason are the existence of evolution. And what is &lt;em&gt;generative art&lt;/em&gt; if not driven (in part) by randomness.&lt;/p&gt;</description></item><item><title>Magic is Everywhere</title><link>https://www.visualcinnamon.com/portfolio/magic/</link><pubDate>Wed, 30 Nov 2016 08:00:40 +0000</pubDate><guid>https://www.visualcinnamon.com/portfolio/magic/</guid><description>&lt;p&gt;In &lt;em&gt;Magic is Everywhere&lt;/em&gt; I&amp;rsquo;ve &lt;strong&gt;investigated the titles of ±900 fantasy books to look for trends in their titles&lt;/strong&gt;. Magic is the most common word in all titles. Followed by &lt;em&gt;fire&lt;/em&gt;, &lt;em&gt;dark&lt;/em&gt; &amp;amp; &lt;em&gt;red&lt;/em&gt;. In general, terms relating to unpleasant things are more common than those relating to positive aspects. Nevertheless, titles relating directly to magic can be found throughout the visual, indicating that the one thing that binds fantasy books together is, not surprisingly, &lt;em&gt;Magic&lt;/em&gt;.&lt;/p&gt;</description></item><item><title>Royal Constellations</title><link>https://www.visualcinnamon.com/portfolio/royal-constellations/</link><pubDate>Wed, 12 Oct 2016 22:19:30 +0000</pubDate><guid>https://www.visualcinnamon.com/portfolio/royal-constellations/</guid><description>&lt;p&gt;Royal &amp;amp; aristocratic families are known for their fondness of marrying within their own clique. This leads to very interesting &amp;amp; entangled family trees which the &lt;em&gt;Royal Constellations&lt;/em&gt; visual tries to convey. Dive into the web of family relations to see how all 10 of the current hereditary &lt;strong&gt;royal leaders of Europe can be connected to each other through their ancestors&lt;/strong&gt;. By hovering and clicking on one of the 3000 &lt;em&gt;stars&lt;/em&gt;, each of which represent a person, the web reveals aspects such as &lt;em&gt;6-degrees of separation&lt;/em&gt; and &lt;em&gt;shortest paths&lt;/em&gt; between two people.&lt;/p&gt;</description></item><item><title>Visualizing the “Beauty of Math” in 3 minutes</title><link>https://www.visualcinnamon.com/2016/09/visualizing-the-beauty-of-math/</link><pubDate>Fri, 09 Sep 2016 00:00:00 +0000</pubDate><guid>https://www.visualcinnamon.com/2016/09/visualizing-the-beauty-of-math/</guid><description>&lt;p&gt;A very short blog where you can find the &lt;a href="https://nbremer.github.io/freshdatashapes/"&gt;slides&lt;/a&gt; and &lt;a href="https://youtu.be/LKmf79uxunU"&gt;video&lt;/a&gt; of the &lt;strong&gt;3-minute elevator pitch I gave at the &lt;a href="https://reasons.to/2016/brighton"&gt;Reasons to&lt;/a&gt; conference&lt;/strong&gt; in Brighton, UK on Wednesday September 7th 2016. And as a bonus some images of things that didn&amp;rsquo;t make it!&lt;/p&gt;</description></item><item><title>Beautiful color blending effects with SVGs &amp; d3.js</title><link>https://www.visualcinnamon.com/2016/05/beautiful-color-blending-svg-d3/</link><pubDate>Mon, 23 May 2016 00:00:00 +0000</pubDate><guid>https://www.visualcinnamon.com/2016/05/beautiful-color-blending-svg-d3/</guid><description>&lt;p&gt;In this short tutorial I want to introduce you to those wonderful color blending modes that you have (in Photoshop for example) where two colors overlapping each other can create another color. I actually started out trying to recreate this effect with SVG filters. But then I found out that it be done with just two lines of CSS.&lt;/p&gt;</description></item><item><title>Animating (dashed) lines and paths with d3.js &amp; spirographs</title><link>https://www.visualcinnamon.com/2016/01/animating-dashed-line-d3/</link><pubDate>Mon, 25 Jan 2016 00:00:00 +0000</pubDate><guid>https://www.visualcinnamon.com/2016/01/animating-dashed-line-d3/</guid><description>&lt;p&gt;In this blog I&amp;rsquo;ll explain how to animate both solid and dashed lines. To make things slightly less boring, I&amp;rsquo;ve &lt;strong&gt;created a spirograph drawing app&lt;/strong&gt; for the examples. It came about because last week I wanted to animate a dashed line in a chart. Trying to use the technique I always apply for solid animated lines I suddenly found out that animating a dashed line isn&amp;rsquo;t trivial. It&amp;rsquo;s because of the fact that an animated solid line is, secretly, a dashed line, but I&amp;rsquo;ll go into that later.&lt;/p&gt;</description></item><item><title>Animating a heart shaped curve with d3.js</title><link>https://www.visualcinnamon.com/2015/02/happy-valentines-day-animating-heart/</link><pubDate>Sat, 14 Feb 2015 00:00:00 +0000</pubDate><guid>https://www.visualcinnamon.com/2015/02/happy-valentines-day-animating-heart/</guid><description>&lt;p&gt;Just something small for Valentines day. I found the formula for a heart shaped curve on the &lt;a href="http://mathworld.wolfram.com/HeartCurve.html"&gt;Wolfram website&lt;/a&gt; and wanted to animate the line that draws these points with d3.js.&lt;/p&gt;</description></item><item><title>The Art in Pi</title><link>https://www.visualcinnamon.com/art/the-art-in-pi/</link><pubDate>Sat, 24 Jan 2015 12:57:37 +0000</pubDate><guid>https://www.visualcinnamon.com/art/the-art-in-pi/</guid><description>&lt;p&gt;A visualization that turns &lt;strong&gt;the digits of the number π into a visual presentation&lt;/strong&gt;. Each digit is converted into a certain direction to step. With 360 degrees of a circle, divided into 10 step directions. You can follow the path that the digits make and how this is always random, no matter if you look at 100, 1000, or even a million digits.&lt;/p&gt;&#10;&lt;figure class='portfolio__img-full-width' &gt;&#10; &#10; &lt;img src='https://www.visualcinnamon.com/img/art/2015/art-in-pi/art_in_pi_poster_detail_1.png' alt='The poster of the first 10000 digits of pi' loading="lazy"&gt;&#10; &#10; &#10;&lt;/figure&gt;&#10;&#10;&lt;figure class='portfolio__img-full-width' &gt;&#10; &#10; &lt;img src='https://www.visualcinnamon.com/img/art/2015/art-in-pi/art_in_pi_poster_detail_4.png' alt='The poster of the first 1000 digits of pi' loading="lazy"&gt;&#10; &#10; &#10;&lt;/figure&gt;&#10;&#10;&lt;figure class='portfolio__img-full-width' &gt;&#10; &#10; &lt;img src='https://www.visualcinnamon.com/img/art/2015/art-in-pi/art_in_pi_detail_1.jpg' alt='Close-up of the first 100000 digits of pi' loading="lazy"&gt;&#10; &#10; &#10;&lt;/figure&gt;&#10;&#10;&lt;figure class='portfolio__img-full-width' &gt;&#10; &#10; &lt;img src='https://www.visualcinnamon.com/img/art/2015/art-in-pi/art_in_pi_poster_detail_2.png' alt='The poster of the first 10000 digits of pi' loading="lazy"&gt;&#10; &#10; &#10;&lt;/figure&gt;&#10;&#10;&lt;div class="portfolio__highlight" style='background-color: #d1003d' &gt;&lt;p&gt;After seeing the &lt;a href="http://mkweb.bcgsc.ca/pi/piday2014/dots.mhtml"&gt;examples&lt;/a&gt; of Martin Krzywinski&amp;rsquo;s π art work I wanted to venture into the world of data art myself. My idea of using the digits of π to step into a certain direction certainly isn&amp;rsquo;t new, but most versions I could find had first converted pi into another base (4 or 16 for example). Therefore, I went ahead with just keeping it in base 10. I plotted and colored the data in R and then imported the PDF into Illustrator to add some text and legends.&lt;/p&gt;</description></item><item><title>Exploring the art hidden in π</title><link>https://www.visualcinnamon.com/2015/01/exploring-art-hidden-in-pi/</link><pubDate>Sat, 24 Jan 2015 00:00:00 +0000</pubDate><guid>https://www.visualcinnamon.com/2015/01/exploring-art-hidden-in-pi/</guid><description>&lt;p&gt;While browsing online I came across several &lt;a href="http://mkweb.bcgsc.ca/pi/piday2014/dots.mhtml"&gt;examples&lt;/a&gt; of Martin Krzywinski&amp;rsquo;s Pi art works and I was inspired to try and do a small project with the digits myself. I wanted to try and create something that wasn&amp;rsquo;t very informative per se, but hopefully pretty to look at, more like &lt;em&gt;art&lt;/em&gt;.&lt;/p&gt;</description></item></channel></rss>