Skip to content

Instantly share code, notes, and snippets.

@dieter-medium

dieter-medium/Gemfile

Last active April 6, 2022 18:41
Show Gist options
  • Save dieter-medium/2271005cc5939e20c4f865fbbc2bf833 to your computer and use it in GitHub Desktop.
Save dieter-medium/2271005cc5939e20c4f865fbbc2bf833 to your computer and use it in GitHub Desktop.
Download ZIP
Raw
donut.rb
require 'matplotlib/pyplot'
require 'matplotlib/axes_3d'
require 'numpy'
plt = Matplotlib::Pyplot
fig = plt.figure(num: 1, clear: true)
ax = fig.add_subplot(1, 1, 1, projection: '3d')
(theta, phi) = Numpy.meshgrid(Numpy.linspace(0, 2 * Numpy.pi, 41),
Numpy.linspace(0, 2 * Numpy.pi, 41))
x = (3 + Numpy.cos(phi)) * Numpy.cos(theta)
y = (3 + Numpy.cos(phi)) * Numpy.sin(theta)
z = Numpy.sin(phi)
def fun(t, f)
(Numpy.cos(f + 2 * t) + 1) / 2.0
end
ax.plot_surface(x, y, z, facecolors: Matplotlib.cm.jet(fun(theta, phi)))
ax.set(xlabel: 'x',
ylabel: 'y',
zlabel: 'z',
xlim: [-4, 4],
ylim: [-4, 4],
zlim: [-4, 4],
xticks: [-4, -2, 2, 4],
yticks: [-4, -2, 2, 4],
zticks: [-1, 0, 1],
title: 'Donut!')
fig.tight_layout()
plt.show()
Display the source blob
Display the rendered blob
Raw
fancy_donut.svg
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Raw
Gemfile
# frozen_string_literal: true
source "https://rubygems.org"
git_source(:github) {|repo_name| "https://github.com/#{repo_name}" }
gem 'matplotlib'
gem 'numpy'
Raw
wireframe.rb
require 'matplotlib/pyplot'
require 'matplotlib/axes_3d'
require 'numpy'
plt = Matplotlib::Pyplot
fig = plt.figure()
wf = fig.add_subplot(111, projection: '3d')
measured_results = []
(1..10).each do |with_in_chars|
measured_results.push []
(1..20).each do |cnt_words|
measured_results[-1].push with_in_chars + cnt_words + rand(5)
end
end
xr = (1..10).to_a
yr = (1..20).to_a
zi = []
xi, yi = Numpy.meshgrid(xr, yr)
(0...xi.to_a.size).each do |row|
zi.push []
(0...xi[row].size).each do |col|
x = xi[row][col] - 1
y = yi[row][col] - 1
zi[-1].push measured_results[x][y]
end
end
x = Numpy.asarray xi
y = Numpy.asarray yi
z = Numpy.asarray zi
wf.plot_wireframe(x, y, z, rstride: 2,
cstride: 2, color: 'green')
wf.set_title('Example')
plt.savefig('wireframe.svg')
Display the source blob
Display the rendered blob
Raw
wireframe.svg
<?xml version="1.0" encoding="utf-8" standalone="no"?>
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN"
"http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
<svg xmlns:xlink="http://www.w3.org/1999/xlink" width="460.8pt" height="345.6pt" viewBox="0 0 460.8 345.6" xmlns="http://www.w3.org/2000/svg" version="1.1">
<metadata>
<rdf:RDF xmlns:dc="http://purl.org/dc/elements/1.1/" xmlns:cc="http://creativecommons.org/ns#" xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#">
<cc:Work>
<dc:type rdf:resource="http://purl.org/dc/dcmitype/StillImage"/>
<dc:date>2022-04-06T19:39:25.793384</dc:date>
<dc:format>image/svg+xml</dc:format>
<dc:creator>
<cc:Agent>
<dc:title>Matplotlib v3.5.1, https://matplotlib.org/</dc:title>
</cc:Agent>
</dc:creator>
</cc:Work>
</rdf:RDF>
</metadata>
<defs>
<style type="text/css">*{stroke-linejoin: round; stroke-linecap: butt}</style>
</defs>
<g id="figure_1">
<g id="patch_1">
<path d="M 0 345.6
L 460.8 345.6
L 460.8 0
L 0 0
z
" style="fill: #ffffff"/>
</g>
<g id="patch_2">
<path d="M 103.104 307.584
L 369.216 307.584
L 369.216 41.472
L 103.104 41.472
z
" style="fill: #ffffff"/>
</g>
<g id="pane3d_1">
<g id="patch_3">
<path d="M 123.197291 241.969309
L 211.076164 168.307495
L 209.854564 62.073991
L 117.770234 129.272941
" style="fill: #f2f2f2; opacity: 0.5; stroke: #f2f2f2; stroke-linejoin: miter"/>
</g>
</g>
<g id="pane3d_2">
<g id="patch_4">
<path d="M 211.076164 168.307495
L 352.090401 209.294766
L 357.122702 99.402171
L 209.854564 62.073991
" style="fill: #e6e6e6; opacity: 0.5; stroke: #e6e6e6; stroke-linejoin: miter"/>
</g>
</g>
<g id="pane3d_3">
<g id="patch_5">
<path d="M 123.197291 241.969309
L 272.679269 290.790123
L 352.090401 209.294766
L 211.076164 168.307495
" style="fill: #ececec; opacity: 0.5; stroke: #ececec; stroke-linejoin: miter"/>
</g>
</g>
<g id="axis3d_1">
<g id="line2d_1">
<path d="M 123.197291 241.969309
L 272.679269 290.790123
" style="fill: none; stroke: #000000; stroke-width: 0.8; stroke-linecap: square"/>
</g>
<g id="Line3DCollection_1">
<path d="M 146.161151 249.469306
L 232.820259 174.627645
L 232.522479 67.819647
" style="fill: none; stroke: #b0b0b0; stroke-width: 0.8"/>
<path d="M 174.405527 258.693919
L 259.523908 182.389341
L 260.380846 74.88093
" style="fill: none; stroke: #b0b0b0; stroke-width: 0.8"/>
<path d="M 203.229018 268.107671
L 286.729156 190.296833
L 288.785408 82.080659
" style="fill: none; stroke: #b0b0b0; stroke-width: 0.8"/>
<path d="M 232.64962 277.716439
L 314.45027 198.354266
L 317.752389 89.422944
" style="fill: none; stroke: #b0b0b0; stroke-width: 0.8"/>
<path d="M 262.686081 287.526347
L 342.702063 206.565947
L 347.298659 96.912062
" style="fill: none; stroke: #b0b0b0; stroke-width: 0.8"/>
</g>
<g id="xtick_1">
<g id="line2d_2">
<path d="M 146.916081 248.817323
L 144.648034 250.776083
" style="fill: none; stroke: #000000; stroke-width: 0.8; stroke-linecap: square"/>
</g>
<g id="text_1">
<!-- 2 -->
<g transform="translate(135.464861 272.874637)scale(0.1 -0.1)">
<defs>
<path id="DejaVuSans-32" d="M 1228 531
L 3431 531
L 3431 0
L 469 0
L 469 531
Q 828 903 1448 1529
Q 2069 2156 2228 2338
Q 2531 2678 2651 2914
Q 2772 3150 2772 3378
Q 2772 3750 2511 3984
Q 2250 4219 1831 4219
Q 1534 4219 1204 4116
Q 875 4013 500 3803
L 500 4441
Q 881 4594 1212 4672
Q 1544 4750 1819 4750
Q 2544 4750 2975 4387
Q 3406 4025 3406 3419
Q 3406 3131 3298 2873
Q 3191 2616 2906 2266
Q 2828 2175 2409 1742
Q 1991 1309 1228 531
z
" transform="scale(0.015625)"/>
</defs>
<use xlink:href="#DejaVuSans-32"/>
</g>
</g>
</g>
<g id="xtick_2">
<g id="line2d_3">
<path d="M 175.147649 258.028641
L 172.918048 260.027372
" style="fill: none; stroke: #000000; stroke-width: 0.8; stroke-linecap: square"/>
</g>
<g id="text_2">
<!-- 4 -->
<g transform="translate(163.739284 282.295075)scale(0.1 -0.1)">
<defs>
<path id="DejaVuSans-34" d="M 2419 4116
L 825 1625
L 2419 1625
L 2419 4116
z
M 2253 4666
L 3047 4666
L 3047 1625
L 3713 1625
L 3713 1100
L 3047 1100
L 3047 0
L 2419 0
L 2419 1100
L 313 1100
L 313 1709
L 2253 4666
z
" transform="scale(0.015625)"/>
</defs>
<use xlink:href="#DejaVuSans-34"/>
</g>
</g>
</g>
<g id="xtick_3">
<g id="line2d_4">
<path d="M 203.957646 267.428688
L 201.768554 269.468625
" style="fill: none; stroke: #000000; stroke-width: 0.8; stroke-linecap: square"/>
</g>
<g id="text_3">
<!-- 6 -->
<g transform="translate(192.595648 291.909404)scale(0.1 -0.1)">
<defs>
<path id="DejaVuSans-36" d="M 2113 2584
Q 1688 2584 1439 2293
Q 1191 2003 1191 1497
Q 1191 994 1439 701
Q 1688 409 2113 409
Q 2538 409 2786 701
Q 3034 994 3034 1497
Q 3034 2003 2786 2293
Q 2538 2584 2113 2584
z
M 3366 4563
L 3366 3988
Q 3128 4100 2886 4159
Q 2644 4219 2406 4219
Q 1781 4219 1451 3797
Q 1122 3375 1075 2522
Q 1259 2794 1537 2939
Q 1816 3084 2150 3084
Q 2853 3084 3261 2657
Q 3669 2231 3669 1497
Q 3669 778 3244 343
Q 2819 -91 2113 -91
Q 1303 -91 875 529
Q 447 1150 447 2328
Q 447 3434 972 4092
Q 1497 4750 2381 4750
Q 2619 4750 2861 4703
Q 3103 4656 3366 4563
z
" transform="scale(0.015625)"/>
</defs>
<use xlink:href="#DejaVuSans-36"/>
</g>
</g>
</g>
<g id="xtick_4">
<g id="line2d_5">
<path d="M 233.364033 277.023323
L 231.217616 279.105755
" style="fill: none; stroke: #000000; stroke-width: 0.8; stroke-linecap: square"/>
</g>
<g id="text_4">
<!-- 8 -->
<g transform="translate(222.052107 301.723672)scale(0.1 -0.1)">
<defs>
<path id="DejaVuSans-38" d="M 2034 2216
Q 1584 2216 1326 1975
Q 1069 1734 1069 1313
Q 1069 891 1326 650
Q 1584 409 2034 409
Q 2484 409 2743 651
Q 3003 894 3003 1313
Q 3003 1734 2745 1975
Q 2488 2216 2034 2216
z
M 1403 2484
Q 997 2584 770 2862
Q 544 3141 544 3541
Q 544 4100 942 4425
Q 1341 4750 2034 4750
Q 2731 4750 3128 4425
Q 3525 4100 3525 3541
Q 3525 3141 3298 2862
Q 3072 2584 2669 2484
Q 3125 2378 3379 2068
Q 3634 1759 3634 1313
Q 3634 634 3220 271
Q 2806 -91 2034 -91
Q 1263 -91 848 271
Q 434 634 434 1313
Q 434 1759 690 2068
Q 947 2378 1403 2484
z
M 1172 3481
Q 1172 3119 1398 2916
Q 1625 2713 2034 2713
Q 2441 2713 2670 2916
Q 2900 3119 2900 3481
Q 2900 3844 2670 4047
Q 2441 4250 2034 4250
Q 1625 4250 1398 4047
Q 1172 3844 1172 3481
z
" transform="scale(0.015625)"/>
</defs>
<use xlink:href="#DejaVuSans-38"/>
</g>
</g>
</g>
<g id="xtick_5">
<g id="line2d_6">
<path d="M 263.385522 286.818651
L 261.284057 288.94492
" style="fill: none; stroke: #000000; stroke-width: 0.8; stroke-linecap: square"/>
</g>
<g id="text_5">
<!-- 10 -->
<g transform="translate(248.946327 311.744181)scale(0.1 -0.1)">
<defs>
<path id="DejaVuSans-31" d="M 794 531
L 1825 531
L 1825 4091
L 703 3866
L 703 4441
L 1819 4666
L 2450 4666
L 2450 531
L 3481 531
L 3481 0
L 794 0
L 794 531
z
" transform="scale(0.015625)"/>
<path id="DejaVuSans-30" d="M 2034 4250
Q 1547 4250 1301 3770
Q 1056 3291 1056 2328
Q 1056 1369 1301 889
Q 1547 409 2034 409
Q 2525 409 2770 889
Q 3016 1369 3016 2328
Q 3016 3291 2770 3770
Q 2525 4250 2034 4250
z
M 2034 4750
Q 2819 4750 3233 4129
Q 3647 3509 3647 2328
Q 3647 1150 3233 529
Q 2819 -91 2034 -91
Q 1250 -91 836 529
Q 422 1150 422 2328
Q 422 3509 836 4129
Q 1250 4750 2034 4750
z
" transform="scale(0.015625)"/>
</defs>
<use xlink:href="#DejaVuSans-31"/>
<use xlink:href="#DejaVuSans-30" x="63.623047"/>
</g>
</g>
</g>
</g>
<g id="axis3d_2">
<g id="line2d_7">
<path d="M 352.090401 209.294766
L 272.679269 290.790123
" style="fill: none; stroke: #000000; stroke-width: 0.8; stroke-linecap: square"/>
</g>
<g id="Line3DCollection_2">
<path d="M 142.109515 111.511242
L 146.360178 222.553718
L 293.678375 269.239874
" style="fill: none; stroke: #b0b0b0; stroke-width: 0.8"/>
<path d="M 163.745788 95.722076
L 166.989737 205.261613
L 312.339658 250.088807
" style="fill: none; stroke: #b0b0b0; stroke-width: 0.8"/>
<path d="M 184.513745 80.566567
L 186.826036 188.634434
L 330.246923 231.711548
" style="fill: none; stroke: #b0b0b0; stroke-width: 0.8"/>
<path d="M 204.46463 66.007319
L 205.913967 172.634551
L 347.444965 214.062126
" style="fill: none; stroke: #b0b0b0; stroke-width: 0.8"/>
</g>
<g id="xtick_6">
<g id="line2d_8">
<path d="M 292.437979 268.846784
L 296.16232 270.027054
" style="fill: none; stroke: #000000; stroke-width: 0.8; stroke-linecap: square"/>
</g>
<g id="text_6">
<!-- 5 -->
<g transform="translate(303.169814 290.026019)scale(0.1 -0.1)">
<defs>
<path id="DejaVuSans-35" d="M 691 4666
L 3169 4666
L 3169 4134
L 1269 4134
L 1269 2991
Q 1406 3038 1543 3061
Q 1681 3084 1819 3084
Q 2600 3084 3056 2656
Q 3513 2228 3513 1497
Q 3513 744 3044 326
Q 2575 -91 1722 -91
Q 1428 -91 1123 -41
Q 819 9 494 109
L 494 744
Q 775 591 1075 516
Q 1375 441 1709 441
Q 2250 441 2565 725
Q 2881 1009 2881 1497
Q 2881 1984 2565 2268
Q 2250 2553 1709 2553
Q 1456 2553 1204 2497
Q 953 2441 691 2322
L 691 4666
z
" transform="scale(0.015625)"/>
</defs>
<use xlink:href="#DejaVuSans-35"/>
</g>
</g>
</g>
<g id="xtick_7">
<g id="line2d_9">
<path d="M 311.117092 249.711757
L 314.787833 250.843846
" style="fill: none; stroke: #000000; stroke-width: 0.8; stroke-linecap: square"/>
</g>
<g id="text_7">
<!-- 10 -->
<g transform="translate(318.399152 270.591834)scale(0.1 -0.1)">
<use xlink:href="#DejaVuSans-31"/>
<use xlink:href="#DejaVuSans-30" x="63.623047"/>
</g>
</g>
</g>
<g id="xtick_8">
<g id="line2d_10">
<path d="M 329.041774 231.349576
L 332.660161 232.436375
" style="fill: none; stroke: #000000; stroke-width: 0.8; stroke-linecap: square"/>
</g>
<g id="text_8">
<!-- 15 -->
<g transform="translate(336.065433 251.943338)scale(0.1 -0.1)">
<use xlink:href="#DejaVuSans-31"/>
<use xlink:href="#DejaVuSans-35" x="63.623047"/>
</g>
</g>
</g>
<g id="xtick_9">
<g id="line2d_11">
<path d="M 346.256825 213.714346
L 349.824086 214.758519
" style="fill: none; stroke: #000000; stroke-width: 0.8; stroke-linecap: square"/>
</g>
<g id="text_9">
<!-- 20 -->
<g transform="translate(353.031648 234.033832)scale(0.1 -0.1)">
<use xlink:href="#DejaVuSans-32"/>
<use xlink:href="#DejaVuSans-30" x="63.623047"/>
</g>
</g>
</g>
</g>
<g id="axis3d_3">
<g id="line2d_12">
<path d="M 352.090401 209.294766
L 357.122702 99.402171
" style="fill: none; stroke: #000000; stroke-width: 0.8; stroke-linecap: square"/>
</g>
<g id="Line3DCollection_3">
<path d="M 352.636848 197.361753
L 210.943263 156.750089
L 122.608863 229.750221
" style="fill: none; stroke: #b0b0b0; stroke-width: 0.8"/>
<path d="M 353.394964 180.806424
L 210.758984 140.72464
L 121.792148 212.790597
" style="fill: none; stroke: #b0b0b0; stroke-width: 0.8"/>
<path d="M 354.163333 164.027217
L 210.572331 124.492881
L 120.963965 195.592838
" style="fill: none; stroke: #b0b0b0; stroke-width: 0.8"/>
<path d="M 354.942163 147.01956
L 210.383261 108.050804
L 120.124071 178.151893
" style="fill: none; stroke: #b0b0b0; stroke-width: 0.8"/>
<path d="M 355.73167 129.778757
L 210.191724 91.394293
L 119.272215 160.462568
" style="fill: none; stroke: #b0b0b0; stroke-width: 0.8"/>
<path d="M 356.532074 112.299978
L 209.997673 74.519127
L 118.408142 142.519517
" style="fill: none; stroke: #b0b0b0; stroke-width: 0.8"/>
</g>
<g id="xtick_10">
<g id="line2d_13">
<path d="M 351.447378 197.020832
L 355.018631 198.04441
" style="fill: none; stroke: #000000; stroke-width: 0.8; stroke-linecap: square"/>
</g>
<g id="text_10">
<!-- 5 -->
<g transform="translate(367.791093 202.37851)scale(0.1 -0.1)">
<use xlink:href="#DejaVuSans-35"/>
</g>
</g>
</g>
<g id="xtick_11">
<g id="line2d_14">
<path d="M 352.197205 180.469844
L 355.793364 181.480392
" style="fill: none; stroke: #000000; stroke-width: 0.8; stroke-linecap: square"/>
</g>
<g id="text_11">
<!-- 10 -->
<g transform="translate(365.48843 185.856106)scale(0.1 -0.1)">
<use xlink:href="#DejaVuSans-31"/>
<use xlink:href="#DejaVuSans-30" x="63.623047"/>
</g>
</g>
</g>
<g id="xtick_12">
<g id="line2d_15">
<path d="M 352.957169 163.695128
L 356.578583 164.692198
" style="fill: none; stroke: #000000; stroke-width: 0.8; stroke-linecap: square"/>
</g>
<g id="text_12">
<!-- 15 -->
<g transform="translate(366.378861 169.110952)scale(0.1 -0.1)">
<use xlink:href="#DejaVuSans-31"/>
<use xlink:href="#DejaVuSans-35" x="63.623047"/>
</g>
</g>
</g>
<g id="xtick_13">
<g id="line2d_16">
<path d="M 353.727475 146.692117
L 357.374502 147.675246
" style="fill: none; stroke: #000000; stroke-width: 0.8; stroke-linecap: square"/>
</g>
<g id="text_13">
<!-- 20 -->
<g transform="translate(367.281379 152.138512)scale(0.1 -0.1)">
<use xlink:href="#DejaVuSans-32"/>
<use xlink:href="#DejaVuSans-30" x="63.623047"/>
</g>
</g>
</g>
<g id="xtick_14">
<g id="line2d_17">
<path d="M 354.508336 129.456117
L 358.18134 130.424829
" style="fill: none; stroke: #000000; stroke-width: 0.8; stroke-linecap: square"/>
</g>
<g id="text_14">
<!-- 25 -->
<g transform="translate(368.19623 134.934128)scale(0.1 -0.1)">
<use xlink:href="#DejaVuSans-32"/>
<use xlink:href="#DejaVuSans-35" x="63.623047"/>
</g>
</g>
</g>
<g id="xtick_15">
<g id="line2d_18">
<path d="M 355.299972 111.982307
L 358.999324 112.936108
" style="fill: none; stroke: #000000; stroke-width: 0.8; stroke-linecap: square"/>
</g>
<g id="text_15">
<!-- 30 -->
<g transform="translate(369.123669 117.493013)scale(0.1 -0.1)">
<defs>
<path id="DejaVuSans-33" d="M 2597 2516
Q 3050 2419 3304 2112
Q 3559 1806 3559 1356
Q 3559 666 3084 287
Q 2609 -91 1734 -91
Q 1441 -91 1130 -33
Q 819 25 488 141
L 488 750
Q 750 597 1062 519
Q 1375 441 1716 441
Q 2309 441 2620 675
Q 2931 909 2931 1356
Q 2931 1769 2642 2001
Q 2353 2234 1838 2234
L 1294 2234
L 1294 2753
L 1863 2753
Q 2328 2753 2575 2939
Q 2822 3125 2822 3475
Q 2822 3834 2567 4026
Q 2313 4219 1838 4219
Q 1578 4219 1281 4162
Q 984 4106 628 3988
L 628 4550
Q 988 4650 1302 4700
Q 1616 4750 1894 4750
Q 2613 4750 3031 4423
Q 3450 4097 3450 3541
Q 3450 3153 3228 2886
Q 3006 2619 2597 2516
z
" transform="scale(0.015625)"/>
</defs>
<use xlink:href="#DejaVuSans-33"/>
<use xlink:href="#DejaVuSans-30" x="63.623047"/>
</g>
</g>
</g>
</g>
<g id="axes_1">
<g id="Line3DCollection_4">
<path d="M 138.184749 237.664644
L 151.815076 235.439031
L 165.762694 236.567971
L 179.63785 227.45307
L 194.009938 228.549287
L 208.571605 229.659964
L 223.373754 237.760449
L 238.283144 238.944108
L 253.432343 233.081674
L 268.706135 241.359394
" clip-path="url(#pc96f74540d)" style="fill: none; stroke: #008000; stroke-width: 1.5"/>
<path d="M 146.131801 213.694455
L 159.806312 211.285338
L 174.061827 222.457497
L 188.094004 220.09284
L 202.401004 221.13208
L 216.959736 229.080318
L 231.556711 216.274279
L 246.440491 231.312819
L 261.569312 221.900612
L 276.818406 226.53765
" clip-path="url(#pc96f74540d)" style="fill: none; stroke: #008000; stroke-width: 1.5"/>
<path d="M 154.526294 203.282597
L 168.074291 197.419616
L 182.270863 208.500211
L 196.229855 202.618089
L 210.65307 213.837739
L 225.059244 211.390671
L 239.69498 212.379351
L 254.544405 209.884848
L 269.676909 203.811804
L 284.773239 215.424497
" clip-path="url(#pc96f74540d)" style="fill: none; stroke: #008000; stroke-width: 1.5"/>
<path d="M 162.494331 182.927064
L 176.253193 183.703281
L 190.391259 194.693632
L 204.495158 198.954685
L 218.593761 186.091958
L 233.082823 190.382503
L 247.742189 187.73639
L 262.506548 199.095545
L 277.499583 200.010719
L 292.84394 193.846348
" clip-path="url(#pc96f74540d)" style="fill: none; stroke: #008000; stroke-width: 1.5"/>
<path d="M 170.980721 182.87384
L 184.344448 170.133932
L 198.254454 170.829921
L 212.417062 178.389011
L 226.609363 172.248665
L 241.053913 186.810012
L 255.678226 177.199791
L 270.444509 181.470982
L 285.362314 185.786002
L 300.607571 183.073012
" clip-path="url(#pc96f74540d)" style="fill: none; stroke: #008000; stroke-width: 1.5"/>
<path d="M 178.882217 166.193461
L 192.413612 160.099983
L 206.235249 157.31698
L 220.376718 168.20025
L 234.537893 158.555748
L 248.92334 169.580844
L 263.471964 170.284456
L 278.371294 160.474277
L 293.213204 168.199599
L 308.555567 161.795402
" clip-path="url(#pc96f74540d)" style="fill: none; stroke: #008000; stroke-width: 1.5"/>
<path d="M 186.579706 142.911919
L 200.428624 153.571608
L 214.130897 143.948206
L 228.182641 147.908069
L 242.373573 151.907155
L 256.752563 149.026398
L 271.312321 149.59632
L 285.930885 157.179116
L 300.913219 154.287955
L 316.242248 147.788935
" clip-path="url(#pc96f74540d)" style="fill: none; stroke: #008000; stroke-width: 1.5"/>
<path d="M 194.680121 143.280283
L 208.233001 140.428681
L 221.990691 137.533987
L 235.968138 141.430727
L 250.139352 131.611352
L 264.404383 142.458103
L 279.056232 132.524135
L 293.643385 140.014037
L 308.336892 147.558549
L 323.607075 141.051144
" clip-path="url(#pc96f74540d)" style="fill: none; stroke: #008000; stroke-width: 1.5"/>
<path d="M 202.317314 123.661132
L 215.987403 130.786137
L 229.685664 121.044521
L 243.650616 121.42358
L 257.717387 132.108107
L 272.152884 118.722541
L 286.672895 119.094597
L 301.293317 122.988212
L 315.95478 130.440195
L 331.104855 127.352122
" clip-path="url(#pc96f74540d)" style="fill: none; stroke: #008000; stroke-width: 1.5"/>
<path d="M 209.915571 104.142003
L 223.598374 114.552696
L 237.333316 118.269339
L 251.231406 115.224622
L 265.409067 105.239891
L 279.717915 105.522979
L 293.984889 116.264217
L 308.502674 120.106835
L 323.743097 106.393977
L 338.796161 106.691788
" clip-path="url(#pc96f74540d)" style="fill: none; stroke: #008000; stroke-width: 1.5"/>
<path d="M 213.768644 101.166105
L 227.373611 104.796387
L 241.110848 105.07006
L 254.97685 112.161899
L 269.136292 102.185643
L 283.351888 105.911585
L 297.707235 109.674155
L 312.602485 99.468406
L 327.447486 99.719315
L 342.198095 107.083917
" clip-path="url(#pc96f74540d)" style="fill: none; stroke: #008000; stroke-width: 1.5"/>
<path d="M 138.184749 237.664644
L 141.824236 217.268102
L 146.131801 213.694455
L 150.52649 213.500688
L 154.526294 203.282597
L 158.51556 193.091424
L 162.494331 182.927064
L 166.957413 189.595406
L 170.980721 182.87384
L 174.808334 169.492029
L 178.882217 166.193461
L 182.923811 162.921038
L 186.579706 142.911919
L 190.781833 149.792983
L 194.680121 143.280283
L 198.448922 130.106005
L 202.317314 123.661132
L 206.253998 123.94431
L 209.915571 104.142003
L 213.768644 101.166105
" clip-path="url(#pc96f74540d)" style="fill: none; stroke: #008000; stroke-width: 1.5"/>
<path d="M 165.762694 236.567971
L 169.923615 229.493429
L 174.061827 222.457497
L 178.262617 218.841511
L 182.270863 208.500211
L 186.194605 194.785328
L 190.391259 194.693632
L 194.356513 184.453786
L 198.254454 170.829921
L 202.459557 177.644457
L 206.235249 157.31698
L 210.273819 157.427948
L 214.130897 143.948206
L 218.076543 140.728244
L 221.990691 137.533987
L 225.836408 127.571086
L 229.685664 121.044521
L 233.523015 117.953366
L 237.333316 118.269339
L 241.110848 105.07006
" clip-path="url(#pc96f74540d)" style="fill: none; stroke: #008000; stroke-width: 1.5"/>
<path d="M 194.009938 228.549287
L 198.340154 231.697065
L 202.401004 221.13208
L 206.544195 217.469743
L 210.65307 213.837739
L 214.658268 203.398442
L 218.593761 186.091958
L 222.660142 186.047087
L 226.609363 172.248665
L 230.634945 179.138174
L 234.537893 158.555748
L 238.469949 151.764918
L 242.373573 151.907155
L 246.270507 138.293015
L 250.139352 131.611352
L 253.910326 138.719266
L 257.717387 132.108107
L 261.592566 115.231992
L 265.409067 105.239891
L 269.136292 102.185643
" clip-path="url(#pc96f74540d)" style="fill: none; stroke: #008000; stroke-width: 1.5"/>
<path d="M 223.373754 237.760449
L 227.453275 223.509369
L 231.556711 216.274279
L 235.642994 212.573883
L 239.69498 212.379351
L 243.712841 205.266109
L 247.742189 187.73639
L 251.681979 191.157506
L 255.678226 177.199791
L 259.619048 170.241898
L 263.471964 170.284456
L 267.435919 156.440475
L 271.312321 149.59632
L 275.069752 149.751672
L 279.056232 132.524135
L 282.756232 132.772041
L 286.672895 119.094597
L 290.31163 119.414073
L 293.984889 116.264217
L 297.707235 109.674155
" clip-path="url(#pc96f74540d)" style="fill: none; stroke: #008000; stroke-width: 1.5"/>
<path d="M 253.432343 233.081674
L 257.52831 225.701457
L 261.569312 221.900612
L 265.613024 214.60467
L 269.676909 203.811804
L 273.486762 210.691414
L 277.499583 200.010719
L 281.382717 196.387471
L 285.362314 185.786002
L 289.26086 178.733017
L 293.213204 168.199599
L 297.07388 161.224501
L 300.913219 154.287955
L 304.640465 150.909283
L 308.336892 147.558549
L 312.30496 133.706456
L 315.95478 130.440195
L 319.685154 123.691457
L 323.743097 106.393977
L 327.447486 99.719315
" clip-path="url(#pc96f74540d)" style="fill: none; stroke: #008000; stroke-width: 1.5"/>
<path d="M 268.706135 241.359394
L 272.870545 226.81971
L 276.818406 226.53765
L 280.780308 222.729636
L 284.773239 215.424497
L 288.743549 208.160745
L 292.84394 193.846348
L 296.69863 190.214947
L 300.607571 183.073012
L 304.402373 179.512647
L 308.555567 161.795402
L 312.409658 154.772579
L 316.242248 147.788935
L 320.053515 140.844144
L 323.607075 141.051144
L 327.489375 130.63128
L 331.104855 127.352122
L 334.690451 124.100067
L 338.796161 106.691788
L 342.198095 107.083917
" clip-path="url(#pc96f74540d)" style="fill: none; stroke: #008000; stroke-width: 1.5"/>
</g>
<g id="text_16">
<!-- Example -->
<g transform="translate(210.128438 35.472)scale(0.12 -0.12)">
<defs>
<path id="DejaVuSans-45" d="M 628 4666
L 3578 4666
L 3578 4134
L 1259 4134
L 1259 2753
L 3481 2753
L 3481 2222
L 1259 2222
L 1259 531
L 3634 531
L 3634 0
L 628 0
L 628 4666
z
" transform="scale(0.015625)"/>
<path id="DejaVuSans-78" d="M 3513 3500
L 2247 1797
L 3578 0
L 2900 0
L 1881 1375
L 863 0
L 184 0
L 1544 1831
L 300 3500
L 978 3500
L 1906 2253
L 2834 3500
L 3513 3500
z
" transform="scale(0.015625)"/>
<path id="DejaVuSans-61" d="M 2194 1759
Q 1497 1759 1228 1600
Q 959 1441 959 1056
Q 959 750 1161 570
Q 1363 391 1709 391
Q 2188 391 2477 730
Q 2766 1069 2766 1631
L 2766 1759
L 2194 1759
z
M 3341 1997
L 3341 0
L 2766 0
L 2766 531
Q 2569 213 2275 61
Q 1981 -91 1556 -91
Q 1019 -91 701 211
Q 384 513 384 1019
Q 384 1609 779 1909
Q 1175 2209 1959 2209
L 2766 2209
L 2766 2266
Q 2766 2663 2505 2880
Q 2244 3097 1772 3097
Q 1472 3097 1187 3025
Q 903 2953 641 2809
L 641 3341
Q 956 3463 1253 3523
Q 1550 3584 1831 3584
Q 2591 3584 2966 3190
Q 3341 2797 3341 1997
z
" transform="scale(0.015625)"/>
<path id="DejaVuSans-6d" d="M 3328 2828
Q 3544 3216 3844 3400
Q 4144 3584 4550 3584
Q 5097 3584 5394 3201
Q 5691 2819 5691 2113
L 5691 0
L 5113 0
L 5113 2094
Q 5113 2597 4934 2840
Q 4756 3084 4391 3084
Q 3944 3084 3684 2787
Q 3425 2491 3425 1978
L 3425 0
L 2847 0
L 2847 2094
Q 2847 2600 2669 2842
Q 2491 3084 2119 3084
Q 1678 3084 1418 2786
Q 1159 2488 1159 1978
L 1159 0
L 581 0
L 581 3500
L 1159 3500
L 1159 2956
Q 1356 3278 1631 3431
Q 1906 3584 2284 3584
Q 2666 3584 2933 3390
Q 3200 3197 3328 2828
z
" transform="scale(0.015625)"/>
<path id="DejaVuSans-70" d="M 1159 525
L 1159 -1331
L 581 -1331
L 581 3500
L 1159 3500
L 1159 2969
Q 1341 3281 1617 3432
Q 1894 3584 2278 3584
Q 2916 3584 3314 3078
Q 3713 2572 3713 1747
Q 3713 922 3314 415
Q 2916 -91 2278 -91
Q 1894 -91 1617 61
Q 1341 213 1159 525
z
M 3116 1747
Q 3116 2381 2855 2742
Q 2594 3103 2138 3103
Q 1681 3103 1420 2742
Q 1159 2381 1159 1747
Q 1159 1113 1420 752
Q 1681 391 2138 391
Q 2594 391 2855 752
Q 3116 1113 3116 1747
z
" transform="scale(0.015625)"/>
<path id="DejaVuSans-6c" d="M 603 4863
L 1178 4863
L 1178 0
L 603 0
L 603 4863
z
" transform="scale(0.015625)"/>
<path id="DejaVuSans-65" d="M 3597 1894
L 3597 1613
L 953 1613
Q 991 1019 1311 708
Q 1631 397 2203 397
Q 2534 397 2845 478
Q 3156 559 3463 722
L 3463 178
Q 3153 47 2828 -22
Q 2503 -91 2169 -91
Q 1331 -91 842 396
Q 353 884 353 1716
Q 353 2575 817 3079
Q 1281 3584 2069 3584
Q 2775 3584 3186 3129
Q 3597 2675 3597 1894
z
M 3022 2063
Q 3016 2534 2758 2815
Q 2500 3097 2075 3097
Q 1594 3097 1305 2825
Q 1016 2553 972 2059
L 3022 2063
z
" transform="scale(0.015625)"/>
</defs>
<use xlink:href="#DejaVuSans-45"/>
<use xlink:href="#DejaVuSans-78" x="63.183594"/>
<use xlink:href="#DejaVuSans-61" x="122.363281"/>
<use xlink:href="#DejaVuSans-6d" x="183.642578"/>
<use xlink:href="#DejaVuSans-70" x="281.054688"/>
<use xlink:href="#DejaVuSans-6c" x="344.53125"/>
<use xlink:href="#DejaVuSans-65" x="372.314453"/>
</g>
</g>
</g>
</g>
<defs>
<clipPath id="pc96f74540d">
<rect x="103.104" y="41.472" width="266.112" height="266.112"/>
</clipPath>
</defs>
</svg>
@dieter-medium
Copy link
Author

Explanations: https://medium.com/@dieter.s/visualizations-with-ruby-cdc16c0cee2e

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment