<?xml version="1.0" encoding="utf-8" standalone="yes"?><rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom"><channel><title>Javascript on Visual Cinnamon</title><link>https://www.visualcinnamon.com/tags/javascript/</link><description>Recent content in Javascript on Visual Cinnamon</description><generator>Hugo</generator><language>en-us</language><lastBuildDate>Fri, 16 Oct 2026 12:30:53 +0200</lastBuildDate><atom:link href="https://www.visualcinnamon.com/tags/javascript/index.xml" rel="self" type="application/rss+xml"/><item><title>Top 39 Actors</title><link>https://www.visualcinnamon.com/portfolio/graffu-actors/</link><pubDate>Fri, 16 Oct 2026 00:00:00 +0000</pubDate><guid>https://www.visualcinnamon.com/portfolio/graffu-actors/</guid><description>&lt;p&gt;I had the chance to create a fun, whimsical interactive visualization for Graffu, a platform dedicated to sharing stories focused on people of color. The article centers on &lt;strong&gt;showing the set of actors&lt;/strong&gt; the writer was most familiar with, sorted by &lt;strong&gt;how profitable the movies they starred in were&lt;/strong&gt;. I felt the topic was a wonderful fit for a more playful approach, so I leaned into a cinema theme—using pieces of popcorn to visualize each movie, paired with retro 3D glasses (for the color palette as well) and classic popcorn buckets. It turned the final article into an inviting, joyful piece that&amp;rsquo;s fun to read and explore.&lt;/p&gt;</description></item><item><title>RéciTAC</title><link>https://www.visualcinnamon.com/portfolio/recitac/</link><pubDate>Fri, 05 Jun 2026 00:00:00 +0000</pubDate><guid>https://www.visualcinnamon.com/portfolio/recitac/</guid><description>&lt;p&gt;I was approached by the &lt;a href="https://www.ofi.ca/tca/about"&gt;Transforming Climate Action&lt;/a&gt; program, a team of researchers from four Canadian universities (Dalhousie University, Université du Québec à Rimouski, Université Laval, and Memorial University) working together to support just and equitable climate adaption, advance responsible marine carbon dioxide removal science and reduce critical uncertainty in the climate system. The team overseeing the massive project was looking for &lt;strong&gt;a visual way to show how the researchers were connected through collaborations&lt;/strong&gt; across various projects. The &lt;a href="https://transforming-climate-action.github.io/ReciTAC/"&gt;resulting network&lt;/a&gt; is an &lt;strong&gt;inviting and playful&lt;/strong&gt; way to &lt;strong&gt;encourage exploration and discovery&lt;/strong&gt; of the people and projects within the program. Visitors can hover and click on nodes to discover details, filter by discipline or project, and more.&lt;/p&gt;</description></item><item><title>A Giant Map of the World</title><link>https://www.visualcinnamon.com/portfolio/worldmap/</link><pubDate>Thu, 21 May 2026 00:00:00 +0000</pubDate><guid>https://www.visualcinnamon.com/portfolio/worldmap/</guid><description>&lt;p&gt;I created this &lt;strong&gt;very large map of the world&lt;/strong&gt; that measures 2.85m x 1.5m (roughly 9.5&amp;rsquo; x 5&amp;rsquo;), which takes up nearly one entire wall of my living room. The map is based mostly on the vector and shaded relief data from the &lt;em&gt;Natural Earth&lt;/em&gt; and the colored contour areas (height lines) from &lt;em&gt;Amazon Web Services Terrain Tiles&lt;/em&gt;. I had the map printed on an ArtFrame (by &lt;a href="https://www.artheroes.com"&gt;Art Heroes&lt;/a&gt;), which is a textile canvas that is stretched along a black aluminum frame.&lt;/p&gt;</description></item><item><title>Visualizing the Top Contributor Network of Any GitHub Repo</title><link>https://www.visualcinnamon.com/2025/01/github-top-contributor-network/</link><pubDate>Tue, 28 Jan 2025 00:00:00 +0000</pubDate><guid>https://www.visualcinnamon.com/2025/01/github-top-contributor-network/</guid><description>&lt;p&gt;In this blog I want to show you the design process that went into creating the &amp;ldquo;Top Contributor Network&amp;rdquo; visual. &lt;strong&gt;Showing the ecosystem and synergy of the other repositories the top contributors of any GitHub repository have worked on.&lt;/strong&gt;&lt;/p&gt;&#10;&lt;p&gt;How it started from a simple network, and became it&amp;rsquo;s own thing. How it involved endless tweaking, and how it then all broke, before growing into its final form.&lt;/p&gt;&#10;&lt;p&gt;You can find &lt;a href="https://nbremer.github.io/ORCA/top-contributor-network/"&gt;the interactive visual here&lt;/a&gt; (ps: it&amp;rsquo;s not really meant for mobile screens) and you can find all of the code and documentation for the visual &lt;a href="https://github.com/nbremer/ORCA/tree/main/top-contributor-network"&gt;here&lt;/a&gt;.&lt;/p&gt;</description></item><item><title>Charting Our Adventures: How I Created a Personalized Map with R, JavaScript, and more</title><link>https://www.visualcinnamon.com/2023/04/personal-map-norway-with-javascript/</link><pubDate>Mon, 17 Apr 2023 00:00:00 +0000</pubDate><guid>https://www.visualcinnamon.com/2023/04/personal-map-norway-with-javascript/</guid><description>&lt;p&gt;In this blog, &lt;strong&gt;I&amp;rsquo;d like to show you how I created the map below of Senja, Lofoten &amp;amp; Vesterålen in Norway&lt;/strong&gt;. Using a combination of tools, including the &lt;em&gt;OpenStreetMap API&lt;/em&gt;, &lt;em&gt;Amazon Web Services Terrain Tiles&lt;/em&gt;, &lt;em&gt;R&lt;/em&gt;, &lt;em&gt;d3.js&lt;/em&gt;, and &lt;em&gt;JavaScript&lt;/em&gt;, I was able to &lt;strong&gt;create a unique and personal map&lt;/strong&gt; that features our hikes, Google location history, and the locations we stayed at during our 5-month trip through Norway in 2022.&lt;/p&gt;</description></item><item><title>Senja, Lofoten &amp; Vesterålen</title><link>https://www.visualcinnamon.com/portfolio/map-norway/</link><pubDate>Thu, 09 Feb 2023 00:00:00 +0000</pubDate><guid>https://www.visualcinnamon.com/portfolio/map-norway/</guid><description>&lt;p&gt;I created this &lt;strong&gt;map of Senja, Lofoten &amp;amp; Vesterålen&lt;/strong&gt; to remember the five months I traveled through Norway in 2022. I loved the whole country, but these locations stole my heart. The map uses on data from the &lt;em&gt;OpenStreetMap API&lt;/em&gt; and the height lines (contours) from &lt;em&gt;Amazon Web Services Terrain Tiles&lt;/em&gt;. To make it more personal, &lt;strong&gt;I added several layers of personal geo data&lt;/strong&gt; to the map as red elements: lines show our hikes, small dots along the road are the Google location history points, diamonds for the locations we stayed overnight, and more. I had the map printed at 50x60cm on fine-art paper and it is now hanging in a prime spot of our hallway.&lt;/p&gt;</description></item></channel></rss>