<?xml version="1.0" encoding="utf-8" standalone="yes"?>
<rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom">
  <channel>
    <title>Data-Viz on Home</title>
    <link>/categories/data-viz/</link>
    <description>Recent content in Data-Viz on Home</description>
    <generator>Hugo</generator>
    <language>en</language>
    <copyright>©Dialid Santiago 2025</copyright>
    <lastBuildDate>Wed, 01 Jan 2025 00:00:00 +0000</lastBuildDate>
    <atom:link href="/categories/data-viz/index.xml" rel="self" type="application/rss+xml" />
    <item>
      <title>Plotly and Dash Cookbook</title>
      <link>/project/plotly_book/</link>
      <pubDate>Wed, 01 Jan 2025 00:00:00 +0000</pubDate>
      <guid>/project/plotly_book/</guid>
      <description>&lt;h3 id=&#34;overview&#34;&gt;Overview&#xA;  &lt;a href=&#34;#overview&#34;&gt;&lt;svg class=&#34;anchor-symbol&#34; aria-hidden=&#34;true&#34; height=&#34;26&#34; width=&#34;26&#34; viewBox=&#34;0 0 22 22&#34; xmlns=&#34;http://www.w3.org/2000/svg&#34;&gt;&#xA;      &lt;path d=&#34;M0 0h24v24H0z&#34; fill=&#34;currentColor&#34;&gt;&lt;/path&gt;&#xA;      &lt;path d=&#34;M3.9 12c0-1.71 1.39-3.1 3.1-3.1h4V7H7c-2.76.0-5 2.24-5 5s2.24 5 5 5h4v-1.9H7c-1.71.0-3.1-1.39-3.1-3.1zM8 13h8v-2H8v2zm9-6h-4v1.9h4c1.71.0 3.1 1.39 3.1 3.1s-1.39 3.1-3.1 3.1h-4V17h4c2.76.0 5-2.24 5-5s-2.24-5-5-5z&#34;&gt;&lt;/path&gt;&#xA;    &lt;/svg&gt;&lt;/a&gt;&#xA;&lt;/h3&gt;&#xA;&lt;p&gt;This book offers practical, hands-on recipes covering a wide range of techniques and tools, making it an essential resource for both beginners and experienced users of Plotly and Dash.&lt;/p&gt;&#xA;&lt;p&gt;The goal is to serve as a comprehensive guide for researchers, and practitioners looking to create dynamic, interactive visualizations and dashboards.&lt;/p&gt;</description>
    </item>
    <item>
      <title>Yield Curves Visualisation</title>
      <link>/project/yieldcurvesvisual/</link>
      <pubDate>Wed, 01 May 2024 00:00:00 +0000</pubDate>
      <guid>/project/yieldcurvesvisual/</guid>
      <description>&lt;h3 id=&#34;overview&#34;&gt;Overview&#xA;  &lt;a href=&#34;#overview&#34;&gt;&lt;svg class=&#34;anchor-symbol&#34; aria-hidden=&#34;true&#34; height=&#34;26&#34; width=&#34;26&#34; viewBox=&#34;0 0 22 22&#34; xmlns=&#34;http://www.w3.org/2000/svg&#34;&gt;&#xA;      &lt;path d=&#34;M0 0h24v24H0z&#34; fill=&#34;currentColor&#34;&gt;&lt;/path&gt;&#xA;      &lt;path d=&#34;M3.9 12c0-1.71 1.39-3.1 3.1-3.1h4V7H7c-2.76.0-5 2.24-5 5s2.24 5 5 5h4v-1.9H7c-1.71.0-3.1-1.39-3.1-3.1zM8 13h8v-2H8v2zm9-6h-4v1.9h4c1.71.0 3.1 1.39 3.1 3.1s-1.39 3.1-3.1 3.1h-4V17h4c2.76.0 5-2.24 5-5s-2.24-5-5-5z&#34;&gt;&lt;/path&gt;&#xA;    &lt;/svg&gt;&lt;/a&gt;&#xA;&lt;/h3&gt;&#xA;&lt;p&gt;This &lt;strong&gt;dash app&lt;/strong&gt; contains interactive charts illustrating the &lt;strong&gt;risk-free Yield Curves&lt;/strong&gt; for the US and the UK. It was written in Python using the graphing open source library &#xA;&lt;a href=&#34;https://plotly.com/python/&#34; target=&#34;_blank&#34; rel=&#34;noopener&#34;&gt;Plotly&lt;/a&gt;.&lt;/p&gt;&#xA;&#xA;&#xA;&#xA;&#xA;&lt;h4 id=&#34;visualisations&#34;&gt;Visualisations&#xA;  &lt;a href=&#34;#visualisations&#34;&gt;&lt;/a&gt;&#xA;&lt;/h4&gt;&#xA;&lt;p&gt;The app consists of the following 4 interactive charts:&lt;/p&gt;&#xA;&lt;ol&gt;&#xA;&lt;li&gt;An animated scatter with line plot illustrating the evolution of the yield curve over time. It allows us to appreciate the different shapes that it has taken, and how it compares with the present curve.&lt;/li&gt;&#xA;&lt;li&gt;A 3-D surface displaying the structure of the curve over time. This chart follows the style from the article &#xA;&lt;a href=&#34;https://www.nytimes.com/interactive/2015/03/19/upshot/3d-yield-curve-economic-growth.html&#34; target=&#34;_blank&#34; rel=&#34;noopener&#34;&gt;“A 3-D View of a Chart That Predicts The Economic Future: The Yield Curve”&lt;/a&gt; published by The New York Times.&lt;/li&gt;&#xA;&lt;li&gt;A Heatmap showing the yield curve evolution over time in two dimensions. It is worth noting that the heatmap provides the same picture as the 3-D surface when viewed from above.&lt;/li&gt;&#xA;&lt;li&gt;Finally, an area-chart illustrating the spread yield, i.e. the difference between long and short term interest rates.&lt;/li&gt;&#xA;&lt;/ol&gt;&#xA;&#xA;&#xA;&#xA;&#xA;&lt;h4 id=&#34;the-yield-curve&#34;&gt;The Yield Curve&#xA;  &lt;a href=&#34;#the-yield-curve&#34;&gt;&lt;/a&gt;&#xA;&lt;/h4&gt;&#xA;&lt;p&gt;In finance, the yield curve is a graph which depicts how the yields on debt instruments – such as bonds – vary as a function of their years remaining to maturity.&lt;/p&gt;</description>
    </item>
    <item>
      <title>fanchart</title>
      <link>/project/fanchart/</link>
      <pubDate>Sun, 05 Jan 2020 00:00:00 +0000</pubDate>
      <guid>/project/fanchart/</guid>
      <description>&lt;!-- ### “Grid is the very first CSS module created specifically to solve the layout problems we&#39;ve all been hacking our way around for as long as we&#39;ve been making websites.”&#xA;&#xA;*— [Chris House, A Complete Guide to CSS Grid Layout](http://chris.house/blog/a-complete-guide-css-grid-layout/)* [^1]&#xA;&#xA;--- --&gt;&#xA;&#xA;&#xA;&#xA;&#xA;&lt;h3 id=&#34;overview&#34;&gt;Overview&#xA;  &lt;a href=&#34;#overview&#34;&gt;&lt;svg class=&#34;anchor-symbol&#34; aria-hidden=&#34;true&#34; height=&#34;26&#34; width=&#34;26&#34; viewBox=&#34;0 0 22 22&#34; xmlns=&#34;http://www.w3.org/2000/svg&#34;&gt;&#xA;      &lt;path d=&#34;M0 0h24v24H0z&#34; fill=&#34;currentColor&#34;&gt;&lt;/path&gt;&#xA;      &lt;path d=&#34;M3.9 12c0-1.71 1.39-3.1 3.1-3.1h4V7H7c-2.76.0-5 2.24-5 5s2.24 5 5 5h4v-1.9H7c-1.71.0-3.1-1.39-3.1-3.1zM8 13h8v-2H8v2zm9-6h-4v1.9h4c1.71.0 3.1 1.39 3.1 3.1s-1.39 3.1-3.1 3.1h-4V17h4c2.76.0 5-2.24 5-5s-2.24-5-5-5z&#34;&gt;&lt;/path&gt;&#xA;    &lt;/svg&gt;&lt;/a&gt;&#xA;&lt;/h3&gt;&#xA;&lt;p&gt;The term &lt;strong&gt;fanchart&lt;/strong&gt; was coined by the Bank of England in 1996. Since then, central banks around the world have used these charts to illustrate its forecasts for inflation, GDP, and other economy measures.&lt;/p&gt;</description>
    </item>
  </channel>
</rss>
