<?xml version="1.0" encoding="utf-8" standalone="yes"?><rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom"><channel><title>D3.js | JD Leongómez</title><link>https://jdleongomez.info/en/tag/d3.js/</link><atom:link href="https://jdleongomez.info/en/tag/d3.js/index.xml" rel="self" type="application/rss+xml"/><description>D3.js</description><generator>Wowchemy (https://wowchemy.com)</generator><language>en-gb</language><copyright>© 2018-2026 Juan David Leongómez</copyright><lastBuildDate>Sat, 29 Aug 2026 00:00:00 +0000</lastBuildDate><image><url>https://jdleongomez.info/media/portada.jpg</url><title>D3.js</title><link>https://jdleongomez.info/en/tag/d3.js/</link></image><item><title>Colombian Music Map</title><link>https://jdleongomez.info/en/apps/colombian_music_map/</link><pubDate>Sat, 29 Aug 2026 00:00:00 +0000</pubDate><guid>https://jdleongomez.info/en/apps/colombian_music_map/</guid><description>&lt;p>&lt;strong>Colombian Music Map&lt;/strong> is an interactive single-page application that showcases Colombia&amp;rsquo;s six musical regions &amp;ndash; Caribbean, Pacific, Andean, Orinoquía, Amazonía, and Insular &amp;ndash; on a relief map with embedded, playable music examples. It runs entirely in the browser (no server or installation required), built with plain HTML, CSS, and JavaScript, using &lt;a href="https://d3js.org/" target="_blank" rel="noopener">D3.js&lt;/a> for the map.&lt;/p>
&lt;p style="display: flex; gap: 0.8em; flex-wrap: wrap; margin-bottom: 1.5em;">
&lt;a href="https://jdleongomez.github.io/Colombian_music_map/"
target="_blank"
style="
display: inline-block;
padding: 0.7em 1.4em;
background-color: #4f46e5;
color: #ffffff;
font-size: 1.05em;
font-weight: 600;
border-radius: 8px;
text-decoration: none;
">
▶️ Open app
&lt;/a>
&lt;a href="https://github.com/JDLeongomez/Colombian_music_map"
target="_blank"
style="
display: inline-block;
padding: 0.7em 1.4em;
background-color: #24292e;
color: #ffffff;
font-size: 1.05em;
font-weight: 600;
border-radius: 8px;
text-decoration: none;
">
📂 GitHub repository
&lt;/a>
&lt;/p>
&lt;iframe
src="https://jdleongomez.github.io/Colombian_music_map/"
width="100%"
height="750"
style="border: 1px solid #e0e0e0; border-radius: 8px;"
allowfullscreen>
&lt;/iframe>
&lt;h2 id="app-contents">App contents&lt;/h2>
&lt;ul>
&lt;li>&lt;strong>Regional organization&lt;/strong>: all six of Colombia&amp;rsquo;s musical/physiographic regions &amp;ndash; Caribbean, Pacific, Andean, Orinoquía, Amazonía, and Insular &amp;ndash; laid out on a topographic relief map, with department boundaries and neighbouring countries for geographic context.&lt;/li>
&lt;li>&lt;strong>Clickable markers&lt;/strong>: recorded music examples plotted at their geographic origin, each showing title, artist, year, genre, and classification.&lt;/li>
&lt;li>&lt;strong>Visual indicators&lt;/strong>: different dot shapes distinguish Traditional, Fusion, and Non-traditional music.&lt;/li>
&lt;li>&lt;strong>Built-in player&lt;/strong>: tracks stream directly on the map via embedded YouTube videos.&lt;/li>
&lt;/ul>
&lt;h2 id="contribute">Contribute&lt;/h2>
&lt;p>The song collection can be expanded by anyone: tracks live in a single &lt;code>data/tracks.csv&lt;/code> file, editable in any spreadsheet application, with no other files to modify. See the &lt;a href="https://github.com/JDLeongomez/Colombian_music_map" target="_blank" rel="noopener">GitHub repository&lt;/a> for details on the data format and how to contribute.&lt;/p></description></item></channel></rss>