-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
22 lines (20 loc) · 11.7 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
<!DOCTYPE html>
<html lang="en" dir="ltr">
<head>
<meta
name="viewport"
content="width=device-width, initial-scale=1.0, minimum-scale=1.0"
/>
<title>Bohman Homework10</title>
<meta property="og:title" content="Bohman Homework10" />
<meta charset="utf-8" />
<meta property="og:type" content="article" />
<meta property="og:description" content="IS 445 Homework Week 10" />
<meta property="description" content="IS 445 Homework Week 10" />
<link rel="stylesheet" href="static/idyll_styles.css" />
</head>
<body>
<div id="idyll-mount"><div data-reactroot=""><div class="idyll-root"><div class=" idyll-text-container"></div><div class="article-header" style="background:#222222;color:#ffffff"><h1 class="hed">Homework 10</h1><h2 class="dek">Intro to Idyll</h2><div class="byline">By: <a href="">Lena Bohman</a></div><div class="idyll-pub-date">Mon Nov 16 2020</div></div><div class=" idyll-text-container"><h2 id="ikea-catalogs-data-set">Ikea Catalogs Data Set</h2><a href="https://figshare.com/articles/dataset/Swedish_IKEA_Catalogs_1950-2021/12824399">source</a><p>Code below modified from idyll prep notebook.</p><div class="ReactTable table "><div class="rt-table" role="grid"><div class="rt-thead -header" style="min-width:300px"><div class="rt-tr" role="row"><div class="rt-th rt-resizable-header -cursor-pointer" role="columnheader" tabindex="-1" style="flex:100 0 auto;width:100px"><div class="rt-resizable-header-content">year</div><div class="rt-resizer"></div></div><div class="rt-th rt-resizable-header -cursor-pointer" role="columnheader" tabindex="-1" style="flex:100 0 auto;width:100px"><div class="rt-resizable-header-content">number of pages</div><div class="rt-resizer"></div></div><div class="rt-th rt-resizable-header -cursor-pointer" role="columnheader" tabindex="-1" style="flex:100 0 auto;width:100px"><div class="rt-resizable-header-content">url</div><div class="rt-resizer"></div></div></div></div><div class="rt-tbody" style="min-width:300px"><div class="rt-tr-group" role="rowgroup"><div class="rt-tr -odd" role="row"><div class="rt-td" role="gridcell" style="flex:100 0 auto;width:100px">1950</div><div class="rt-td" role="gridcell" style="flex:100 0 auto;width:100px">16</div><div class="rt-td" role="gridcell" style="flex:100 0 auto;width:100px">https://ikeacatalogues.ikea.com/77436/1101577/pdfs/59c318d2-159e-4029-b51d-c598b6728824.pdf</div></div></div><div class="rt-tr-group" role="rowgroup"><div class="rt-tr -even" role="row"><div class="rt-td" role="gridcell" style="flex:100 0 auto;width:100px">1951</div><div class="rt-td" role="gridcell" style="flex:100 0 auto;width:100px">68</div><div class="rt-td" role="gridcell" style="flex:100 0 auto;width:100px">https://ikeacatalogues.ikea.com/77436/1100658/pdfs/d108cff9-47fe-4e62-96ab-7c85587d4d97.pdf</div></div></div><div class="rt-tr-group" role="rowgroup"><div class="rt-tr -odd" role="row"><div class="rt-td" role="gridcell" style="flex:100 0 auto;width:100px">1952</div><div class="rt-td" role="gridcell" style="flex:100 0 auto;width:100px">100</div><div class="rt-td" role="gridcell" style="flex:100 0 auto;width:100px">https://ikeacatalogues.ikea.com/77436/1100657/pdfs/cbbab3d1-50ce-4ffa-869e-1bf7ea8a3079.pdf</div></div></div><div class="rt-tr-group" role="rowgroup"><div class="rt-tr -even" role="row"><div class="rt-td" role="gridcell" style="flex:100 0 auto;width:100px">1953</div><div class="rt-td" role="gridcell" style="flex:100 0 auto;width:100px">100</div><div class="rt-td" role="gridcell" style="flex:100 0 auto;width:100px">https://ikeacatalogues.ikea.com/77436/1100663/pdfs/6bba964b-6494-4942-ab12-d384296a8612.pdf</div></div></div><div class="rt-tr-group" role="rowgroup"><div class="rt-tr -odd" role="row"><div class="rt-td" role="gridcell" style="flex:100 0 auto;width:100px">1954</div><div class="rt-td" role="gridcell" style="flex:100 0 auto;width:100px">100</div><div class="rt-td" role="gridcell" style="flex:100 0 auto;width:100px">https://ikeacatalogues.ikea.com/77436/1102133/pdfs/65063556-f8d0-4760-8af3-2c19ae9afe3f.pdf</div></div></div><div class="rt-tr-group" role="rowgroup"><div class="rt-tr -even" role="row"><div class="rt-td" role="gridcell" style="flex:100 0 auto;width:100px">1955</div><div class="rt-td" role="gridcell" style="flex:100 0 auto;width:100px">132</div><div class="rt-td" role="gridcell" style="flex:100 0 auto;width:100px">https://ikeacatalogues.ikea.com/77436/1102134/pdfs/495ea8c0-4485-4aae-b70c-c20dd79733de.pdf</div></div></div><div class="rt-tr-group" role="rowgroup"><div class="rt-tr -odd" role="row"><div class="rt-td" role="gridcell" style="flex:100 0 auto;width:100px">1956</div><div class="rt-td" role="gridcell" style="flex:100 0 auto;width:100px">140</div><div class="rt-td" role="gridcell" style="flex:100 0 auto;width:100px">https://ikeacatalogues.ikea.com/77436/1102701/pdfs/9ccc64a0-400d-41cf-b7d4-01a1ced27a79.pdf</div></div></div><div class="rt-tr-group" role="rowgroup"><div class="rt-tr -even" role="row"><div class="rt-td" role="gridcell" style="flex:100 0 auto;width:100px">1957</div><div class="rt-td" role="gridcell" style="flex:100 0 auto;width:100px">128</div><div class="rt-td" role="gridcell" style="flex:100 0 auto;width:100px">https://ikeacatalogues.ikea.com/77436/1102136/pdfs/69fecb03-17e3-4fdb-9425-ef1f75567da1.pdf</div></div></div><div class="rt-tr-group" role="rowgroup"><div class="rt-tr -odd" role="row"><div class="rt-td" role="gridcell" style="flex:100 0 auto;width:100px">1958</div><div class="rt-td" role="gridcell" style="flex:100 0 auto;width:100px">132</div><div class="rt-td" role="gridcell" style="flex:100 0 auto;width:100px">https://ikeacatalogues.ikea.com/77436/1102137/pdfs/e8492002-828a-47e6-aa25-a9ed8ac16ae0.pdf</div></div></div><div class="rt-tr-group" role="rowgroup"><div class="rt-tr -even" role="row"><div class="rt-td" role="gridcell" style="flex:100 0 auto;width:100px">1959</div><div class="rt-td" role="gridcell" style="flex:100 0 auto;width:100px">136</div><div class="rt-td" role="gridcell" style="flex:100 0 auto;width:100px">https://ikeacatalogues.ikea.com/77436/1102138/pdfs/d278189b-c0da-4dcb-80ac-cdb994c2da0b.pdf</div></div></div><div class="rt-tr-group" role="rowgroup"><div class="rt-tr -odd" role="row"><div class="rt-td" role="gridcell" style="flex:100 0 auto;width:100px">1960</div><div class="rt-td" role="gridcell" style="flex:100 0 auto;width:100px">164</div><div class="rt-td" role="gridcell" style="flex:100 0 auto;width:100px">https://ikeacatalogues.ikea.com/77436/1101166/pdfs/80ddd746-08c0-4b0d-93af-fd61f0bee43e.pdf</div></div></div><div class="rt-tr-group" role="rowgroup"><div class="rt-tr -even" role="row"><div class="rt-td" role="gridcell" style="flex:100 0 auto;width:100px">1961</div><div class="rt-td" role="gridcell" style="flex:100 0 auto;width:100px">180</div><div class="rt-td" role="gridcell" style="flex:100 0 auto;width:100px">https://ikeacatalogues.ikea.com/77436/1102202/pdfs/5cac7716-015e-47d3-8444-6a4fafc5f817.pdf</div></div></div><div class="rt-tr-group" role="rowgroup"><div class="rt-tr -odd" role="row"><div class="rt-td" role="gridcell" style="flex:100 0 auto;width:100px">1962</div><div class="rt-td" role="gridcell" style="flex:100 0 auto;width:100px">220</div><div class="rt-td" role="gridcell" style="flex:100 0 auto;width:100px">https://ikeacatalogues.ikea.com/77436/1102655/pdfs/9b9a0144-ce48-4c3d-94b0-81932903565e.pdf</div></div></div><div class="rt-tr-group" role="rowgroup"><div class="rt-tr -even" role="row"><div class="rt-td" role="gridcell" style="flex:100 0 auto;width:100px">1963</div><div class="rt-td" role="gridcell" style="flex:100 0 auto;width:100px">220</div><div class="rt-td" role="gridcell" style="flex:100 0 auto;width:100px">https://ikeacatalogues.ikea.com/77436/1102656/pdfs/179a356e-52a5-408f-9b0d-fdb4cb0abbb6.pdf</div></div></div><div class="rt-tr-group" role="rowgroup"><div class="rt-tr -odd" role="row"><div class="rt-td" role="gridcell" style="flex:100 0 auto;width:100px">1964</div><div class="rt-td" role="gridcell" style="flex:100 0 auto;width:100px">236</div><div class="rt-td" role="gridcell" style="flex:100 0 auto;width:100px">https://ikeacatalogues.ikea.com/77436/1102658/pdfs/e3977468-95b3-4d23-ba64-123ca355f276.pdf</div></div></div><div class="rt-tr-group" role="rowgroup"><div class="rt-tr -even" role="row"><div class="rt-td" role="gridcell" style="flex:100 0 auto;width:100px">1965</div><div class="rt-td" role="gridcell" style="flex:100 0 auto;width:100px">260</div><div class="rt-td" role="gridcell" style="flex:100 0 auto;width:100px">https://ikeacatalogues.ikea.com/77436/1103040/pdfs/9875d7a8-7ca3-4337-ba9c-c1c4ce907b80.pdf</div></div></div><div class="rt-tr-group" role="rowgroup"><div class="rt-tr -odd" role="row"><div class="rt-td" role="gridcell" style="flex:100 0 auto;width:100px">1966</div><div class="rt-td" role="gridcell" style="flex:100 0 auto;width:100px">260</div><div class="rt-td" role="gridcell" style="flex:100 0 auto;width:100px">https://ikeacatalogues.ikea.com/77436/1102662/pdfs/227632f1-e642-48da-8341-4890ee157e7b.pdf</div></div></div><div class="rt-tr-group" role="rowgroup"><div class="rt-tr -even" role="row"><div class="rt-td" role="gridcell" style="flex:100 0 auto;width:100px">1967</div><div class="rt-td" role="gridcell" style="flex:100 0 auto;width:100px">260</div><div class="rt-td" role="gridcell" style="flex:100 0 auto;width:100px">https://ikeacatalogues.ikea.com/77436/1102664/pdfs/7f0b1187-bc23-4994-bf03-4da999c3c9fa.pdf</div></div></div><div class="rt-tr-group" role="rowgroup"><div class="rt-tr -odd" role="row"><div class="rt-td" role="gridcell" style="flex:100 0 auto;width:100px">1968</div><div class="rt-td" role="gridcell" style="flex:100 0 auto;width:100px">260</div><div class="rt-td" role="gridcell" style="flex:100 0 auto;width:100px">https://ikeacatalogues.ikea.com/77436/1102665/pdfs/bd23dd1f-6075-4111-9c99-0b88187a044f.pdf</div></div></div><div class="rt-tr-group" role="rowgroup"><div class="rt-tr -even" role="row"><div class="rt-td" role="gridcell" style="flex:100 0 auto;width:100px">1969</div><div class="rt-td" role="gridcell" style="flex:100 0 auto;width:100px">260</div><div class="rt-td" role="gridcell" style="flex:100 0 auto;width:100px">https://ikeacatalogues.ikea.com/77436/1102666/pdfs/c00c2588-6286-47ed-ab5f-84f2c109eeb8.pdf</div></div></div></div></div><div class="pagination-bottom"><div class="-pagination"><div class="-previous"><button type="button" disabled="" class="-btn">Previous</button></div><div class="-center"><span class="-pageInfo">Page<!-- --> <span class="-currentPage">1</span> <!-- -->of<!-- --> <span class="-totalPages">4</span></span></div><div class="-next"><button type="button" class="-btn">Next</button></div></div></div><div class="-loading"><div class="-loading-inner">Loading...</div></div></div><h2 id="plotting-catalog-dataset">Plotting catalog dataset</h2><div></div><h3 id="tooltips-on-and-off">Tooltips on and off</h3><p>(altered from class)<section><button>Off</button><button>On</button></section></p><h3 id="discussion">Discussion</h3><em>Where you got it, a brief description of what the data is trying to measure, and what you are trying to show in the plot. Make sure you mention what vega-lite mark(s) you used and why.</em><p>This data set comes from <a href="https://figshare.com/articles/dataset/Swedish_IKEA_Catalogs_1950-2021/12824399">figshare</a>. It is data deposited in the figshare repository from a scholarly article. The dataset has three columns: the year, the numbe of pages of the ikea catalog from that year, and the url for the catalog from that year on ikea’s website. I used a line plot with point marks (so, in other words, a connected scatter plot) to try to show the trend over time in the number of pages (generally, it trends upward and more pages are added over time).</p></div></div></div></div>
<script src="static/idyll_index.js"></script>
</body>
</html>