<?xml version="1.0" encoding="UTF-8"?><rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>Line Chart Archives - Onestring Lab</title>
	<atom:link href="https://onestringlab.com/tag/line-chart/feed/" rel="self" type="application/rss+xml" />
	<link>https://onestringlab.com/tag/line-chart/</link>
	<description>Kode Kreativitas Kopi</description>
	<lastBuildDate>Mon, 04 May 2026 08:38:23 +0000</lastBuildDate>
	<language>en-US</language>
	<sy:updatePeriod>
	hourly	</sy:updatePeriod>
	<sy:updateFrequency>
	1	</sy:updateFrequency>
	<generator>https://wordpress.org/?v=6.9.4</generator>

<image>
	<url>https://onestringlab.com/wp-content/uploads/2021/10/cropped-osl-high-res-e1455499003866-32x32.jpg</url>
	<title>Line Chart Archives - Onestring Lab</title>
	<link>https://onestringlab.com/tag/line-chart/</link>
	<width>32</width>
	<height>32</height>
</image> 
	<item>
		<title>Belajar Data Science &#8211; Visualisasi Data dengan Line Chart Matplotlib</title>
		<link>https://onestringlab.com/line-chart-visualisasi-data-dengan-matplotlib/</link>
		
		<dc:creator><![CDATA[Rajo Intan]]></dc:creator>
		<pubDate>Sun, 19 Dec 2021 15:05:18 +0000</pubDate>
				<category><![CDATA[Kode]]></category>
		<category><![CDATA[Data Science]]></category>
		<category><![CDATA[Line Chart]]></category>
		<category><![CDATA[Matplotlib]]></category>
		<category><![CDATA[Visualisasi Data]]></category>
		<guid isPermaLink="false">https://onestringlab.com/?p=516</guid>

					<description><![CDATA[<p>Diagram garis atau line chart merupakan salah satu bentuk visualisasi data. Modul yang akan digunakan adalah Matplotlib. Diagram garis digunakan untuk menunjukkan perubahan data selama &#8230; </p>
<p>The post <a href="https://onestringlab.com/line-chart-visualisasi-data-dengan-matplotlib/">Belajar Data Science &#8211; Visualisasi Data dengan Line Chart Matplotlib</a> appeared first on <a href="https://onestringlab.com">Onestring Lab</a>.</p>
]]></description>
										<content:encoded><![CDATA[
<p>Diagram garis atau line chart merupakan salah satu bentuk visualisasi data. Modul yang akan digunakan adalah Matplotlib. Diagram garis digunakan untuk menunjukkan perubahan data selama periode tertentu. Misalnya, diagram garis dapat berguna untuk membuat  diagram  penjualan saham,  diagram  harga sebuah produk dari waktu ke waktu.</p>



<h2 class="wp-block-heading">Contoh Kasus</h2>



<p>Diketahui daftar harga Bitcoin yang dicatat setiap akhir minggu (Minggu) di 2018 dan 2019. Buat visualisasi yang memungkinkan Anda menjawab pertanyaan: Tahun apa, 2018 atau 2019, yang cenderung memberikan pengembalian yang lebih baik bagi pemegang Bitcoin?</p>



<h2 class="wp-block-heading">Import Library Matplolib</h2>



<p>Pada bagian ini akan diperlihat kode program untuk import libary Pandas dan Matplotlib.</p>



<pre class="wp-block-code"><code lang="python" class="language-python">import matplotlib.pyplot as plt
import pandas as pd
import numpy as npt</code></pre>



<h2 class="wp-block-heading">Data Harga Bitcoin</h2>



<p>Berikut ini merupakan data harga bitcoin dalam setiap minggunya. Data terdiri dari 104 minggu dalam kurun waktu selama 2 tahun yaitu tahun 2018 dan 2019. </p>



<pre class="wp-block-code"><code lang="python" class="language-python">prices = [
14292.2, 12858.9, 11467.5, 9241.1, 8559.6, 11073.5, 9704.3 , 11402.3, 
8762.0, 7874.9, 8547.4, 6938.2, 6905.7, 8004.4, 8923.1, 9352.4, 9853.5, 
8459.5, 8245.1, 7361.3, 7646.6, 7515.8, 6505.8, 6167.3, 6398.9, 6765.5, 
6254.8, 7408.7, 8234.1, 7014.3, 6231.6, 6379.1, 6734.8, 7189.6, 6184.3, 
6519.0, 6729.6, 6603.9, 6596.3, 6321.7, 6572.2, 6494.2, 6386.2, 6427.1, 
5621.8, 3920.4, 4196.2, 3430.4, 3228.7, 3964.4, 3706.8, 3785.4, 3597.2, 
3677.8, 3570.9, 3502.5, 3661.4, 3616.8, 4120.4, 3823.1, 3944.3, 4006.4, 
4002.5, 4111.8, 5046.2, 5051.8, 5290.2, 5265.9, 5830.9, 7190.3, 7262.6, 
8027.4, 8545.7, 7901.4, 8812.5, 10721.7, 11906.5, 11268.0, 11364.9 , 
10826.7, 9492.1, 10815.7, 11314.5, 10218.1, 10131.0, 9594.4, 10461.1, 
10337.3, 9993.0, 8208.5, 8127.3, 8304.4, 7957.3, 9230.6, 9300.6, 8804.5, 
8497.3, 7324.1, 7546.6, 7510.9, 7080.8, 7156.2, 7321.5, 7376.8
]</code></pre>



<h2 class="wp-block-heading">Membuat data Weeks</h2>



<p>Sebelum membuat dataframe yang akan menjadi sumber data utama diperlukan tambahan 1 buah variabel yaitu Week. Variabel ini akan menjadi sumbu X dan harga bitcoin akan menjadi sumbu Y. Setelah variabel Week terbentuk maka proses selanjutnya adalah membuat dataframe dari kedua variabel tersebut. Berikut ini kode programnya.</p>



<pre class="wp-block-code"><code lang="python" class="language-python">weeks = list(range(1, len(prices)+1))
df = pd.DataFrame({'Week': weeks, 'Price': prices })
df.head()</code></pre>


<div class="wp-block-image">
<figure class="aligncenter size-full is-resized"><img fetchpriority="high" decoding="async" src="https://onestringlab.com/wp-content/uploads/2021/12/image.png" alt="" class="wp-image-521" width="225" height="294"/><figcaption class="wp-element-caption">Dataframe bitcoin setiap pekan</figcaption></figure>
</div>


<h2 class="wp-block-heading">Membagi dataframe menjadi 2 bagian</h2>



<p>Pada bagian ini data akan dibagi menjadi 2 bagian yaitu pekan ke 1-52 menjadi dataframe tahun 2018 dan pekan 53-104 menjadi dataframe tahun 2019. Berikut ini kode programnya.</p>



<pre class="wp-block-code"><code class="">df2018 = df[0:52]
df2018.head()</code></pre>


<div class="wp-block-image">
<figure class="aligncenter size-full is-resized"><img decoding="async" src="https://onestringlab.com/wp-content/uploads/2021/12/image-1.png" alt="" class="wp-image-522" width="174" height="226"/><figcaption class="wp-element-caption">Dataframe bitcoin tahun 2018</figcaption></figure>
</div>


<pre class="wp-block-code"><code class="">df2019 = df[52:104]
df2019.head()</code></pre>


<div class="wp-block-image">
<figure class="aligncenter size-full is-resized"><img decoding="async" src="https://onestringlab.com/wp-content/uploads/2021/12/image-2.png" alt="" class="wp-image-523" width="166" height="212"/><figcaption class="wp-element-caption">Dataframe bitcoin tahun 2019</figcaption></figure>
</div>


<h2 class="wp-block-heading">Membuat visualisasi data dengan Matplotlib</h2>



<p>Pada bagian ini akan dijelaskan mengenai cara membuat  diagram  garis. </p>



<h3 class="wp-block-heading">Membuat tempat visualisasi data</h3>



<pre class="wp-block-code"><code lang="python" class="language-python">fig <strong>=</strong> plt<strong>.</strong>figure()
ax <strong>=</strong> plt<strong>.</strong>axes()</code></pre>


<div class="wp-block-image">
<figure class="aligncenter size-full"><img loading="lazy" decoding="async" width="386" height="251" src="https://onestringlab.com/wp-content/uploads/2021/12/image-3.png" alt="Tempat visualisasi data" class="wp-image-524" srcset="https://onestringlab.com/wp-content/uploads/2021/12/image-3.png 386w, https://onestringlab.com/wp-content/uploads/2021/12/image-3-300x195.png 300w" sizes="auto, (max-width: 386px) 100vw, 386px" /><figcaption class="wp-element-caption">Tempat visualisasi data</figcaption></figure>
</div>


<h3 class="wp-block-heading">Menambahkan line chart</h3>



<pre class="wp-block-code"><code lang="python" class="language-python">fig <strong>=</strong> plt<strong>.</strong>figure(figsize<strong>=</strong>(6,4))
ax <strong>=</strong> plt<strong>.</strong>axes()
ax<strong>.</strong>plot(df2018['Week'],df2018['Price'])</code></pre>


<div class="wp-block-image">
<figure class="aligncenter size-full"><img loading="lazy" decoding="async" width="384" height="247" src="https://onestringlab.com/wp-content/uploads/2021/12/image-4.png" alt="Diagram garis bitcoin tahun 2018" class="wp-image-525" srcset="https://onestringlab.com/wp-content/uploads/2021/12/image-4.png 384w, https://onestringlab.com/wp-content/uploads/2021/12/image-4-300x193.png 300w" sizes="auto, (max-width: 384px) 100vw, 384px" /><figcaption class="wp-element-caption"> Line chart atau  diagram  garis  bitcoin tahun 2018</figcaption></figure>
</div>


<pre class="wp-block-code"><code lang="python" class="language-python">fig <strong>=</strong> plt<strong>.</strong>figure(figsize<strong>=</strong>(6,4))
ax <strong>=</strong> plt<strong>.</strong>axes()
ax<strong>.</strong>plot(df2019['Week'],df2019['Price'])</code></pre>


<div class="wp-block-image">
<figure class="aligncenter size-full"><img loading="lazy" decoding="async" width="392" height="257" src="https://onestringlab.com/wp-content/uploads/2021/12/image-5.png" alt="Diagram garis bitcoin tahun 2019" class="wp-image-526" srcset="https://onestringlab.com/wp-content/uploads/2021/12/image-5.png 392w, https://onestringlab.com/wp-content/uploads/2021/12/image-5-300x197.png 300w" sizes="auto, (max-width: 392px) 100vw, 392px" /><figcaption class="wp-element-caption"> Diagram  garis bitcoin tahun 2019</figcaption></figure>
</div>


<h3 class="wp-block-heading">Menggabungkan 2 Line Chart</h3>



<pre class="wp-block-code"><code lang="python" class="language-python">fig <strong>=</strong> plt<strong>.</strong>figure(figsize<strong>=</strong>(6,4))
ax <strong>=</strong> plt<strong>.</strong>axes()
ax<strong>.</strong>plot(df2018['Week'],df2018['Price'])
ax<strong>.</strong>plot(df2019['Week'],df2019['Price'])</code></pre>


<div class="wp-block-image">
<figure class="aligncenter size-full"><img loading="lazy" decoding="async" width="390" height="250" src="https://onestringlab.com/wp-content/uploads/2021/12/image-6.png" alt="Visualisasi data dua diagram garis " class="wp-image-527" srcset="https://onestringlab.com/wp-content/uploads/2021/12/image-6.png 390w, https://onestringlab.com/wp-content/uploads/2021/12/image-6-300x192.png 300w" sizes="auto, (max-width: 390px) 100vw, 390px" /><figcaption class="wp-element-caption">Visualisasi data dua line chart atau   diagram garis </figcaption></figure>
</div>


<h3 class="wp-block-heading">Memberikan title dan label pada line chart</h3>



<p>Judul dapat ditambahkan pada diagram yang dibuat. Perintah set_title() digunakan untuk menampilkan judul pada diagram. Untuk label sumbu x digunakan perintah set_xlabel() sedangkan sumbu y digunakan perintah set_ylabel().</p>



<pre class="wp-block-code"><code lang="python" class="language-python">fig <strong>=</strong> plt<strong>.</strong>figure(figsize<strong>=</strong>(6,4))
ax <strong>=</strong> plt<strong>.</strong>axes()
ax<strong>.</strong>plot(df2018['Week'],df2018['Price'])
ax<strong>.</strong>plot(df2019['Week'],df2019['Price'])
ax<strong>.</strong>set_title('Bitcoin Price 2018- 2019')
ax<strong>.</strong>set_ylabel('Price')
ax<strong>.</strong>set_xlabel('Week')</code></pre>


<div class="wp-block-image">
<figure class="aligncenter size-full"><img loading="lazy" decoding="async" width="417" height="273" src="https://onestringlab.com/wp-content/uploads/2021/12/image-7.png" alt="Line chart atau  diagram  garis bitcoin tahun 2018-2019" class="wp-image-529" srcset="https://onestringlab.com/wp-content/uploads/2021/12/image-7.png 417w, https://onestringlab.com/wp-content/uploads/2021/12/image-7-300x196.png 300w" sizes="auto, (max-width: 417px) 100vw, 417px" /><figcaption class="wp-element-caption">Line chart atau  diagram  garis bitcoin tahun 2018-2019</figcaption></figure>
</div>


<h3 class="wp-block-heading">Merubah warna dan tipe garis</h3>



<p>Pada bagian ini dicontohkan untuk merubah warna garis dan tipe garis yang digunakan. Label 2018 diberi kode &#8220;co&#8221; yang artinya &#8220;c&#8221; itu cyan dan &#8220;o&#8221; itu jenis garis  ang dalam bentuk bulat. Sedangkan label 2019 memilki kode &#8220;m^&#8221; yang artinya m itu magentha dan &#8220;^&#8221; itu jenis garis yang dalam bentuk segitiga</p>



<pre class="wp-block-code"><code lang="python" class="language-python">fig <strong>=</strong> plt<strong>.</strong>figure(figsize<strong>=</strong>(6,4))
ax <strong>=</strong> plt<strong>.</strong>axes()
ax<strong>.</strong>plot(df2018['Week'],df2018['Price'],'co')
ax<strong>.</strong>plot(df2019['Week'],df2019['Price'],'m^')
ax<strong>.</strong>set_title('Bitcoin Price 2018- 2019')
ax<strong>.</strong>set_ylabel('Price')
ax<strong>.</strong>set_xlabel('Week')</code></pre>


<div class="wp-block-image">
<figure class="aligncenter size-full"><img loading="lazy" decoding="async" width="401" height="269" src="https://onestringlab.com/wp-content/uploads/2021/12/image-8.png" alt="Dua diagram garis beda tipe dan warna" class="wp-image-530" srcset="https://onestringlab.com/wp-content/uploads/2021/12/image-8.png 401w, https://onestringlab.com/wp-content/uploads/2021/12/image-8-300x201.png 300w" sizes="auto, (max-width: 401px) 100vw, 401px" /><figcaption class="wp-element-caption">Dua line chart atau grafik garis beda tipe dan warna</figcaption></figure>
</div>


<h3 class="wp-block-heading">Mengatur ukuran sumbu X dan Y pada line chart</h3>



<p>Untuk dapat melihat diagram lebih jelas dapat dilakukan dengan mengatur range nilai data. Pada contoh telihat bahwa x  bernilai  dari 0-104 , sedangkan nilai y memiliki rentan darii 1000-20000.</p>



<pre class="wp-block-code"><code lang="python" class="language-python">fig <strong>=</strong> plt<strong>.</strong>figure(figsize<strong>=</strong>(6,4))
ax <strong>=</strong> plt<strong>.</strong>axes()
ax<strong>.</strong>plot(df2018['Week'],df2018['Price'],'co')
ax<strong>.</strong>plot(df2019['Week'],df2019['Price'],'m^')
ax<strong>.</strong>set_xlim(0,104)
ax<strong>.</strong>set_ylim(1000,20000)
ax<strong>.</strong>set_title('Bitcoin Price 2018- 2019')
ax<strong>.</strong>set_ylabel('Price')
ax<strong>.</strong>set_xlabel('Week')</code></pre>


<div class="wp-block-image">
<figure class="aligncenter size-full"><img loading="lazy" decoding="async" width="399" height="270" src="https://onestringlab.com/wp-content/uploads/2021/12/image-9.png" alt="Mengatur ukuran sumbu X dan Y pada line chart" class="wp-image-531" srcset="https://onestringlab.com/wp-content/uploads/2021/12/image-9.png 399w, https://onestringlab.com/wp-content/uploads/2021/12/image-9-300x203.png 300w" sizes="auto, (max-width: 399px) 100vw, 399px" /><figcaption class="wp-element-caption">Mengatur ukuran sumbu X dan Y pada line chart</figcaption></figure>
</div>


<h3 class="wp-block-heading">Menambahkan legend label</h3>



<p>Legend pada diagram merupakan keterangan yang menunjukkan warna atau pola yang digunakan pada setiap label. Pada contoh terdapat 2 label yaitu 2018 dan 2019.</p>



<pre class="wp-block-code"><code lang="python" class="language-python">fig <strong>=</strong> plt<strong>.</strong>figure(figsize<strong>=</strong>(6,4))
ax <strong>=</strong> plt<strong>.</strong>axes()
ax<strong>.</strong>plot(df2018['Week'],df2018['Price'],'c+', label<strong>=</strong>"2018")
ax<strong>.</strong>plot(df2019['Week'],df2019['Price'],'m2', label<strong>=</strong>"2019")
ax<strong>.</strong>set_xlim(0,104)
ax<strong>.</strong>set_ylim(0,20000)
ax<strong>.</strong>set_title('Bitcoin Price 2018- 2019')
ax<strong>.</strong>set_ylabel('Price')
ax<strong>.</strong>set_xlabel('Week')
ax<strong>.</strong>legend(loc<strong>=</strong>"upper center", ncol<strong>=</strong>2, shadow<strong>=</strong><strong>True</strong>, borderpad<strong>=</strong>1);</code></pre>


<div class="wp-block-image">
<figure class="aligncenter size-full"><img loading="lazy" decoding="async" width="407" height="273" src="https://onestringlab.com/wp-content/uploads/2021/12/image-10.png" alt="Menambahkan legend label pada  line chart" class="wp-image-532" srcset="https://onestringlab.com/wp-content/uploads/2021/12/image-10.png 407w, https://onestringlab.com/wp-content/uploads/2021/12/image-10-300x201.png 300w" sizes="auto, (max-width: 407px) 100vw, 407px" /><figcaption class="wp-element-caption">Menambahkan legend label pada  line chart</figcaption></figure>
</div>


<h2 class="wp-block-heading">Kesimpulan Line Chart &#8211; Visualisasi Data </h2>



<p>Jawaban dari soal yang telah diberikan adalah tahun 2019. Pada tahun 2019 terlihat harga dari bitcoin meningkat pesat. Namun, pada pertengahan tahun terlihat menurun walaupun turunnya landai saja. Harga bitcoin di tahun 2018 cenderung terus menurun dari awal tahun sampai dengan akhir tahun.</p>



<p>Proses melakukan visualisasi data dengan menggunakan Matplotlib dapat dikatakan sangat mudah. Namun, tentu saja cara yang sudah dijelaskan hanya merupakan salah satu dari sekian banyak cara yang disediakan oleh <a href="https://matplotlib.org/stable/api/_as_gen/matplotlib.pyplot.plot.html" target="_blank" rel="noreferrer noopener">Matplotlib </a>itu sendiri. Pada artikel ini hanya membahas satu bentuk visualisasi data yaitu grafik garis.  Kunjungi tautan ini untuk mengetahui tema <a href="https://onestringlab.com/tag/data-science/" target="_blank" rel="noreferrer noopener">data science lainnya.</a></p>
<p>The post <a href="https://onestringlab.com/line-chart-visualisasi-data-dengan-matplotlib/">Belajar Data Science &#8211; Visualisasi Data dengan Line Chart Matplotlib</a> appeared first on <a href="https://onestringlab.com">Onestring Lab</a>.</p>
]]></content:encoded>
					
		
		
			</item>
	</channel>
</rss>
