aboutsummaryrefslogtreecommitdiff
path: root/public/make-b-w-svg-charts-with-matplotlib.html
diff options
context:
space:
mode:
authorMitja Felicijan <mitja.felicijan@gmail.com>2023-11-01 22:54:27 +0100
committerMitja Felicijan <mitja.felicijan@gmail.com>2023-11-01 22:54:27 +0100
commit2417a6b7603524dc5cd30d29b153f91024b9443d (patch)
tree9be5ea8e5baba96dd9159217da6badf6157fb595 /public/make-b-w-svg-charts-with-matplotlib.html
parent89ba3497f07a8ea43d209b583f39fcc286acc923 (diff)
downloadmitjafelicijan.com-2417a6b7603524dc5cd30d29b153f91024b9443d.tar.gz
Move to Jekyll
Diffstat (limited to 'public/make-b-w-svg-charts-with-matplotlib.html')
-rwxr-xr-xpublic/make-b-w-svg-charts-with-matplotlib.html86
1 files changed, 0 insertions, 86 deletions
diff --git a/public/make-b-w-svg-charts-with-matplotlib.html b/public/make-b-w-svg-charts-with-matplotlib.html
deleted file mode 100755
index f68a7d3..0000000
--- a/public/make-b-w-svg-charts-with-matplotlib.html
+++ /dev/null
@@ -1,86 +0,0 @@
1<!doctype html><html lang=en-us><meta charset=utf-8><meta name=viewport content="width=device-width,initial-scale=1"><meta name=generator content="JBMAFP - github.com/mitjafelicijan/jbmafp"><link href="data:image/x-icon;base64,AAABAAEAEBAAAAEAIABoBAAAFgAAACgAAAAQAAAAIAAAAAEAIAAAAAAAAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAL69vf8AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAv76+/8LBwQkAAAAAAAAAAAAAAAC+vb3/AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAL+9vf/Bv78JAAAAAAAAAAAAAAAAu7q6/wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAC7ubr/vr29CAAAAAAAAAAAy8nJAZ6foP8AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAnqGj/6GipAoAAAAAHLjU/xcXHf/BwsL/I8XY/yPK3v8XGiD/IbjL/yPF2f8XGiD/Fxkf/yLF2f8gnK3/Fxog/62ztv8fwNf/FRcd/x271v8mz93/GRsi/xkXHf8p097/GiIp/xobIv8p0t3/KdPe/xocIv8fYmr/KNPe/xoZH/8aHCL/J87c/xy81/8VFxz/IsPZ/8zS0/8XGiD/Ir/R/yPH2/8XGiD/Fxkf/yPH2/8dd4T/GBog/yPJ3f8jyNr/uru9/xcUGv8cudb/EhITDKi5vRKlvMP/RUpOERwcHRAdOj4QHTk8EBwdHRAdNTgQHTo/EBwcHRAcHB0QSGduEKW4vf+koqQfHzg+EBqz0ewSFRv7EyMr/xq51vsTERb7ExUb+xq41fsau9j7ExUb+xiPp/sZudb7ExUb+xMVG/sZuNX/GKvI/BIUGfMdvdn/IrfL/xcaIP8n1eb/J9Dh/xkcIf8ZGR7/J8/f/xxCSv8ZGyH/J9Dg/ybQ4P8ZHCL/FSQs/yPK3/8UExj/GE1b/ybS5P8ZGB7/Ghwj/ynW5P8p2Ob/Ghwi/yWrtv8p1eH/Ghwi/xocIv8p1uT/J8XT/xkcIv8m1un/Hb7d/xUYH/8hzOr/HtHu/xcaIf8XGB//I8vi/xgxOv8XGSD/I8rg/yPK4P8XGiD/GUFL/yPP6f8SERj/Fhkh/x3A4f8AAAAAJ2f9/ydr//8mZPH/AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAlYu38J2v//ydo/f8AAAAAAAAAAAd8/fkFqf//Iob8sAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAMY39awWr//8FfP3/AAAAAAAAAAAFm/7/SfD//wR+/f8AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAOB/f9B7v//BaX+/wAAAAAAAAAAQ878SAyZ/v9n1v4KAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAADu9v8DDJb+/z3N/XgAAAAA3/sAAN/7AADf+wAA3/sAAAAAAAAAAAAAAAAAAN/7AAAAAAAAAAAAAAAAAAAAAAAAj/EAAI/5AACP8QAA3/sAAA==" rel=icon type=image/x-icon><title>Make B/W SVG charts with matplotlib</title><meta name=description content="Install pip requirements."><meta name=author content="Mitja Felicijan"><link rel=alternate type=application/rss+xml title="Mitja Felicijan's posts" href=https://mitjafelicijan.com/index.xml><link rel=alternate type=application/rss+xml title="Mitja Felicijan's notes" href=https://mitjafelicijan.com/notes.xml><style>:root{--border-color:gainsboro;--border-size:2px;--link-color:blue;--bg-color:#eee}*::selection{background:var(--link-color);color:#fff}*::-moz-selection{background:var(--link-color);color:#fff}*::-webkit-selection{background:var(--link-color);color:#fff}body{padding:2.5rem;max-width:1900px;background:#fff;font-family:sans-serif;line-height:1.35rem;font-size:16px}hr{border:0;border-bottom:var(--border-size)solid var(--border-color);margin-block-start:1.5rem}a{color:var(--link-color);text-decoration:none}h1,h2,h3{line-height:initial}h1{font-size:xx-large}footer{margin-block-start:2rem}cap{text-transform:capitalize}blockquote{font-style:italic}table{max-width:100%;border:var(--border-size)solid var(--border-color);border-collapse:separate;border-spacing:0}table thead tr th{border-bottom:var(--border-size)solid var(--border-color);text-align:left}table th,table td{padding:.5em .8em}ul.list li{padding:.2em 0}ul{line-height:1.35em}pre{text-wrap:nowrap;overflow-x:auto;padding:0 1em;border:var(--border-size)solid var(--border-color)}code{padding:0 3px;font-size:14px;border:0;background:var(--bg-color)}pre code{line-height:1.3em;background:#fff}pre,code,pre *,code *{font-family:monospace}figure{margin-inline-start:0;margin-inline-end:0}figcaption{width:800px;max-width:100%;text-align:center}figcaption p{margin:.3em 0 1.5em;font-style:italic}img,video,audio{width:800px;max-width:100%;border:var(--border-size)solid var(--border-color);padding:.5em}header nav{display:flex;gap:.9rem}article iframe{margin:0!important}audio::-webkit-media-controls-enclosure{border-radius:0}@media only screen and (max-width:600px){body{padding:.5em;word-wrap:break-word}header nav{gap:.7rem}header nav .hob{display:none}a{word-wrap:break-word}img,video,audio{padding:0}}</style><header><nav class=main itemscope itemtype=http://schema.org/SiteNavigationElement role=navigation aria-label="Main navigation"><a href=/>Home</a>
2<a href=/#posts>Posts</a>
3<a href=/#notes>Notes</a>
4<a href=/#sideprojects class=hob>Side Projects</a>
5<a href=/vault.html>Vault</a>
6<a href=https://github.com/mitjafelicijan target=_blank>Code</a>
7<a href=/mitjafelicijan.pgp.pub.txt target=_blank class=hob>PGP</a>
8<a href=/curriculum-vitae.html>CV</a>
9<a href=/index.xml target=_blank class=hob>RSS</a></nav></header><main role=main><article itemtype=http://schema.org/Article><h1 itemtype=headline>Make B/W SVG charts with matplotlib</h1><p><cap>note</cap>, Aug 1, 2023 on <a href=https://mitjafelicijan.com>Mitja Felicijan's blog</a><div><p>Install pip requirements.<pre tabindex=0 style=background-color:#fff><code><span style=display:flex><span>pip install matplotlib
10</span></span><span style=display:flex><span>pip install pandas
11</span></span></code></pre><p>Example of data being used.<pre tabindex=0 style=background-color:#fff><code><span style=display:flex><span>Epoch,Connect (NLB),Processing (NLB),Waiting (NLB),Total (NLB),Connect (ALB),Processing (ALB),Waiting (ALB),Total (ALB)
12</span></span><span style=display:flex><span>1,57.7,315.7,309.4,321.6,9,104.4,98.3,105.7
13</span></span><span style=display:flex><span>2,121.9,114.4,100.3,176.9,5.8,99.1,97.1,101.1
14</span></span><span style=display:flex><span>3,5.3,229.4,231.2,231.4,14.2,83,69.4,87.9
15</span></span><span style=display:flex><span>4,4.2,134.5,112.2,135.3,5.3,132.4,105.5,134.1
16</span></span><span style=display:flex><span>5,5.8,247.4,246.8,248.1,6,74.3,70.2,75.5
17</span></span><span style=display:flex><span>6,9.9,122.9,100.6,122.7,7.5,241.1,79.3,242.3
18</span></span><span style=display:flex><span>7,6.1,170.2,106.4,170.5,7.2,382.4,375.1,383.8
19</span></span><span style=display:flex><span>8,6.6,194.3,201.4,195.5,7.1,130.9,104.8,132.6
20</span></span><span style=display:flex><span>9,6.4,146.1,122.3,147.7,9.4,95.6,74,96.4
21</span></span></code></pre><p>In the code you can use <code>df</code> as dataframes and use the headers like <code>df["Epoch"]</code>.
22This is how you get a column data with pandas.<p>The Python code responsible for generating a chart:<pre tabindex=0 style=background-color:#fff><code><span style=display:flex><span><span style=color:#00f>import</span> csv
23</span></span><span style=display:flex><span><span style=color:#00f>import</span> sys
24</span></span><span style=display:flex><span>
25</span></span><span style=display:flex><span><span style=color:#00f>import</span> matplotlib.pyplot <span style=color:#00f>as</span> plt
26</span></span><span style=display:flex><span><span style=color:#00f>import</span> pandas <span style=color:#00f>as</span> pd
27</span></span><span style=display:flex><span>
28</span></span><span style=display:flex><span><span style=color:green># Read the data</span>
29</span></span><span style=display:flex><span>df = pd.read_csv(<span style=color:#a31515>&#34;data.csv&#34;</span>)
30</span></span><span style=display:flex><span>
31</span></span><span style=display:flex><span><span style=color:green># Settings</span>
32</span></span><span style=display:flex><span>plt.title(<span style=color:#a31515>&#34;Connect median NLB vs ALB&#34;</span>)
33</span></span><span style=display:flex><span>plt.tight_layout(pad=2)
34</span></span><span style=display:flex><span>fig = plt.gcf()
35</span></span><span style=display:flex><span>fig.set_size_inches(10, 4)
36</span></span><span style=display:flex><span>
37</span></span><span style=display:flex><span><span style=color:green># Plotting</span>
38</span></span><span style=display:flex><span>plt.plot(df[<span style=color:#a31515>&#34;Epoch&#34;</span>], df[<span style=color:#a31515>&#34;Connect (ALB)&#34;</span>], label = <span style=color:#a31515>&#34;ALB&#34;</span>, color=<span style=color:#a31515>&#34;black&#34;</span>, linestyle=<span style=color:#a31515>&#34;-&#34;</span>)
39</span></span><span style=display:flex><span>plt.plot(df[<span style=color:#a31515>&#34;Epoch&#34;</span>], df[<span style=color:#a31515>&#34;Connect (NLB)&#34;</span>], label = <span style=color:#a31515>&#34;NLB&#34;</span>, color=<span style=color:#a31515>&#34;black&#34;</span>, linestyle=<span style=color:#a31515>&#34;--&#34;</span>)
40</span></span><span style=display:flex><span>
41</span></span><span style=display:flex><span><span style=color:green># Adding x and y axis labels</span>
42</span></span><span style=display:flex><span>plt.xlabel(<span style=color:#a31515>&#34;Epoch&#34;</span>, fontstyle=<span style=color:#a31515>&#34;italic&#34;</span>)
43</span></span><span style=display:flex><span>plt.ylabel(<span style=color:#a31515>&#34;Median value (ms)&#34;</span>, fontstyle=<span style=color:#a31515>&#34;italic&#34;</span>)
44</span></span><span style=display:flex><span>
45</span></span><span style=display:flex><span><span style=color:green># Legend</span>
46</span></span><span style=display:flex><span>legend = plt.legend()
47</span></span><span style=display:flex><span>legend.get_frame().set_linewidth(0)
48</span></span><span style=display:flex><span>
49</span></span><span style=display:flex><span><span style=color:green># Export as SVG</span>
50</span></span><span style=display:flex><span>plt.savefig(<span style=color:#a31515>&#34;plot.svg&#34;</span>, format=<span style=color:#a31515>&#34;svg&#34;</span>)
51</span></span></code></pre><figure><img src=/notes/plot.svg alt="SVG Chart"></figure><p>The image above is SVG and you can zoom in and out and check that the image is vector.</div></article></main><section><hr><h2>Posts from blogs I follow around the net</h2><ul><li><a href=https://utcc.utoronto.ca/~cks/space/blog/linux/NFSv4ServerLockClients target=_blank rel=noopener>Finding which NFSv4 client owns a lock on a Linux NFS(v4) server</a> — <a href=https://utcc.utoronto.ca/~cks/space/blog/>Chris's Wiki :: blog</a><div>A while back I wrote an entry about finding which NFS client owns
52a lock on a Linux NFS server, which turned
53out to be specific to NFS v3 (which I really should have seen coming,
54since it involved NLM and lockd). Finding the NFS v4 client that
55owns a lock is, depending on your perspective, either simpl…<li><a href=http://www.landley.net/notes-2023.html#28-10-2023 target=_blank rel=noopener>October 28, 2023</a> — <a href=http://www.landley.net/notes-2023.html>Rob Landley's Blog Thing for 2023</a><div>Oh good grief, two of my least favorite licensing people, Larry Rosen
56and Bradley Kuhn, are interacting on the OSI's license-discuss
57list where the're doing
58bad computer history and insisting that a guy Larry Rosen
59coincidentally interviewed for a book years ago is clearly the origin of
60somethin…<li><a href="http://offbeatpursuit.com:80/blog/?id=25" target=_blank rel=noopener>A fix by any other name</a> — <a href=http://offbeatpursuit.com:80/blog/>WLOG - blog</a><div>tags:
61i2c, plan9
62Another month, another file system.
63Well, if you can’t fix it in software, fix it in hardware (looking at
64you, bme680, we’re not
65done yet). The show must go on, as they say, and I would like my
66experiments to go on.
67So a “new” addition to the environmental sensor family connected to
68the h…<li><a href=https://mirzapandzo.com/next-image-url-parameter-is-valid-but-upstream-response-is-invalid target=_blank rel=noopener>Next/Image "url" parameter is valid but upstream response is invalid</a> — <a href=https://mirzapandzo.com/>Mirza Pandzo's Blog</a><div>Getting "url" parameter is valid but upstream response is invalid error with Next/Image on WSL2<li><a href=https://drewdevault.com/2023/10/13/Going-off-script.html target=_blank rel=noopener>Going off-script</a> — <a href=https://drewdevault.com>Drew DeVault's blog</a><div>There is a phenomenon in society which I find quite bizarre. Upon our entry to
69this mortal coil, we are endowed with self-awareness, agency, and free will.
70Each of the 8 billion members of this human race represents a unique person, a
71unique worldview, and a unique agency. Yet, many of us have the sam…<li><a href=https://szymonkaliski.com/writing/2023-10-02-building-a-diy-pen-plotter/ target=_blank rel=noopener>Building a DIY Pen Plotter</a> — <a href=http://github.com/dylang/node-rss>Szymon Kaliski</a><div>This article documents my learnings from designing and building a DIY Pen Plotter during the summer of 2023.
72My ultimate goal is to build my…<li><a href=https://neil.computer/notes/chart-of-accounts-for-startups-and-saas-companies/ target=_blank rel=noopener>Chart of Accounts for Startups and SaaS Companies</a> — <a href=https://neil.computer/>Neil Panchal</a><div>Accounting is fundamental to starting a business. You need to have a basic understanding of accounting principles and essential bookkeeping. I had to learn it. There was no choice. For filing taxes, your CPA is going to ask you for an Income Statement (also known as P/L statement). If<li><a href=https://journal.valeriansaliou.name/deploy-a-nomad-cluster-on-alpine-linux-with-vultr/ target=_blank rel=noopener>Deploy a Nomad Cluster on Alpine Linux with Vultr</a> — <a href=https://journal.valeriansaliou.name/>Valerian Saliou</a><div>After spending countless hours trying to understand how to deploy my apps on Kubernetes for the first time to host Mirage, an AI API service that I run, I ended up making myself a promise that the next app I work on would be using a more productive & simpler<li><a href=https://jcs.org/2023/10/25/wifi_da target=_blank rel=noopener>BlueSCSI Wi-Fi Desk Accessory 1.0 Released</a> — <a href=https://jcs.org/>joshua stein</a><div>BlueSCSI Wi-Fi Desk Accessory
731.0 has been released:
74wifi_da-1.0.sit
75(StuffIt 3 archive)
76SHA256: ccfc9d27dd5da7412d10cef73b81119a1fec3848e4d1d88ff652a07ffdc6a69aSHA1: ff124972f202ceda6d7fa4788110a67ccda6a13a
77This is the initial public release of my BlueSCSI Wi-Fi Desk Accessory for
78classic MacOS.<li><a href=https://michael.stapelberg.ch/posts/2023-10-25-my-all-flash-zfs-network-storage-build/ target=_blank rel=noopener>My 2023 all-flash ZFS NAS (Network Storage) build</a> — <a href=https://michael.stapelberg.ch/>Michael Stapelbergs Website</a><div>For over 10 years now, I run two self-built NAS (Network Storage) devices which serve media (currently via Jellyfin) and run daily backups of all my PCs and servers.
79In this article, I describe my goals, which hardware I picked for my new build (and why) and how I set it up.
80Design Goals
81I use my netw…</ul><p>Generated with <a href=https://git.sr.ht/~sircmpwn/openring target=_blank rel=noopener>openring</a>.</section><footer><hr><p><big><strong>Want to comment or have something to add?</strong></big><p>You can write me an email
82at <a href=mailto:mitja.felicijan@gmail.com>mitja.felicijan@gmail.com</a> or
83catch up with me <a href=https://telegram.me/mitjafelicijan target=_blank>on Telegram</a>.<hr><p>This website does not track you. Content is made available under the <a href=https://creativecommons.org/licenses/by/4.0/ target=_blank rel=noreferrer>CC BY 4.0 license</a> unless
84specified otherwise. Blog is also available as <a href=/index.xml target=_blank>RSS feed</a>.</footer><script>
85 window.va = window.va || function () { (window.vaq = window.vaq || []).push(arguments); };
86 </script><script defer src=/_vercel/insights/script.js></script> \ No newline at end of file
generated by cgit v1.2.3 (git 2.46.0) at 2026-04-30 21:40:51 +0000