andrea/homework4
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Init

Browse Source
This commit is contained in:
Andrea Bianchi 2025-03-24 20:05:52 +09:00
commit fd65a11143
14 changed files with 1285 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

3
.gitignore vendored Normal file
View File

@ -0,0 +1,3 @@
node_modules
.DS_Store
.vscode

126
README.md Normal file
View File

@ -0,0 +1,126 @@
# Homework 4 - Software Prototyping ID311
- _[Live demo](http://hwdemo.surge.sh/hw4)_
## General Description
In this assignment, you will practice with Higher-Order Functions (e.g., map, filter, and reduce...) and with an external library ([Chart.js](https://www.chartjs.org)). The application lets a user visualize a dataset with the papers published at the UIST conference between the year 2010 and 2021, similarly to [this website](https://geo-conf.github.io/uist).
Furthermore, you will be using [Vite](https://vitejs.dev) for development, and, as usual, you will have to make commits and branches in `git`.
<p align="center">
<img src="assets/main.png" height="300" />
</p>
## Getting started with Vite and the code stubs
The files `index.html` and `main.js` contain a minimal stub to get you started.
To start developing, open the terminal and type once
```bash
npm install
```
to install all the dependencies. Then type
```bash
npm run dev
```
to start the local server on port `3000`.
## Requirments
- You cannot use loops (_while_, _for_, _forEach_) throughout the assignment. Use instead `map`, `filter`, `reduce`, etc...
- You have to implement your simple UI interface using either **HTML** code (`<button>`, `<input>` ...).
## Overview
The homework is conceptually split into two parts: 1) extracting information from the dataset (**data-mining**), and 2) visualizing the information on the **graph**.
### 1. Mining the data
The dataset is imported with the line `import data from './data.json'` at the top of the `main.js`. Note that the ability to load files with `import` statements is only possible with a tool like _Vite.js_. When you start, you should see the data printed in the console like below:
<p align="center">
<img src="assets/data.png" height="300" />
</p>
Before starting, you will have to implement your GUI with the buttons, sliders, input fields, and dropdown boxes as in the picture below. Styling the UI is optional.
<p align="center">
<img src="assets/UI.png" height="300" />
</p>
- Two **dropdown** box with **start** and **end years** (2010 <= year <= 2021)
- One **dropdown** box with **sorting** options:
- Sorting by country name in alphabetical order (A to Z)
- Sorting by country name in reversed alphabetical order (Z to A)
- Sorting by number of papers in ascending (low to high) order
- Sorting by number of papers in descending (high to low) order
- One dropdown box with continent names (Africa: _AF_, Asia: _AS_, Europe: _EU_, North America: _NA_, South America: _SA_, Oceania: _OC_)
- A **slider** with the threshold of minim number of papers (from 1 to 600).
- An **input box** that allows entering the name of a country. Partial entries are acceptable. For example, if I type 'A' I can see 'CA, AU, AR' (Canada, Australia, Argentina).
- An **update** button for updating the graph with the new filters.
---
Once the interface is working, you need to implement all the filtering:
1. **by year**: a single year or a range can be selected. If the start year is greater than the end year, internally swap them so that it still works.
2. **by name** (AZ, ZA)
3. **by number of papers** (high to low, or vice-versa)
4. **by continent** of the country of origin
5. **with at least X amount of papers**
6. **by country name** (input by the user)
Please test the [demo](http://hwdemo.prototyping.id/hw4) to see details. Remember that **YOU ARE NOT ALLOWED TO USE ANY LOOP** and you can only use Higher-Order Functions to iterate the data.
The graph is updated only once the button **update** is clicked.
### 2. The graph
To draw on the graph, please refer to the [documentation of Graph.js](https://www.chartjs.org/docs/latest/). The file main.js contains already something to get you started.
To update your graph do somethign like this:
```js
chart.data.labels = new_labels_array;
chart.data.datasets[0].data = new_dataset_array;
chart.update();
```
where `new_labels_array` is an array of strings (the labels), and `new_dataset_array` is an array of numbers that will be displayed in the graph. Remember to call the `update` method to see the result!
## About grading
The maximum score of this assignment is 100 points, divide in this way:
1. **Git**: Submit your local repository with your code (the hidden .git folder). There should be at least 10 commits in a branch called `develop` (that you have to create), which is finally merged back to `main` (10%).
2. The **graphical user interface** (input controllers and output text) is working (10%)
3. The **graph** is updating and drawing something (20%)
4. The six **filtering functionalities** (60%, each counted 10%)
5. Bonus points (5%) are given for styling the UI in CSS.
6. No loops! (penalty given)
If the program does not compile (e.g., not valid javascript file) the score is 0. If it runs, the score is inversely proportional to the number of errors. If the code has runtime errors (crash), there is a 20 points penalty, plus a penalty for any additional part that cannot be checked.
## How to submit
<p align="center">
<img src="assets/submission.png" width="600" />
</p>
1. After completing your code, make sure to fill out the [Submission Notes](./SubmissionNotes.md) with your basic info and indicate whether you received any help. Feel free to add any relevant information.
2. Zip the folder of this repository containing your solution.
3. Submit the homework using the class [submission system](https://homework.designware.xyz). Choose `HW4`.
4. For any problems, feel free to contact the professor or TA via Discord.
**NOTES**
- Only submissions made through the system will be considered (e.g., no direct emails to the TA or Prof).
- You can resubmit as many times as you want; only the last submission will be considered.
- Submissions after the deadline (even a few minutes) will receive a penalty of 50%. Submissions made after 24 hours from the deadline will be ignored (score will be 0).
- Keep a screenshot that proves your completed submission.
- Coding style may be considered in grading.

17
SubmissionNotes.md Normal file
View File

@ -0,0 +1,17 @@
# Homework submission form
1. **Your name**: NAME
2. **KAIST ID**: 0000000
3. **Email**: YOUR_EMAIL@kaist.ac.kr
---
## Description
Feel free to use this space to add any relevant information. You can add, for example:
- Links to images/Video/Additional material\*\*: [example](http://...)
- List the people/resources you received help from: ...
- Anything else you want to say about how to use your softare, issues, or limitations of your work

BIN
assets/UI.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 43 KiB

BIN
assets/data.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 548 KiB

BIN
assets/main.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 19 KiB

BIN
assets/submission.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 110 KiB

22
css/style.css Normal file
View File

@ -0,0 +1,22 @@
html,
body {
margin: 0;
width: 100%;
height: 50%;
}
.container {
display: block;
width: 100%;
height: 400px;
}
.form-container {
margin: 3em;
display: block;
}
.spacer {
margin-top: 2em;
margin-left: 3em;
}

652
data.json Normal file
View File

@ -0,0 +1,652 @@
[
{
"year": 10,
"proceedings": "uist10",
"totPapers": 48,
"papers": {
"country": 11,
"continent": 5,
"countryList": [
{ "value": "DE", "occurrences": 4, "continent": "EU" },
{ "value": "GB", "occurrences": 3, "continent": "EU" },
{ "value": "US", "occurrences": 24, "continent": "NA" },
{ "value": "CA", "occurrences": 4, "continent": "NA" },
{ "value": "JP", "occurrences": 2, "continent": "AS" },
{ "value": "BE", "occurrences": 1, "continent": "EU" },
{ "value": "CN", "occurrences": 2, "continent": "AS" },
{ "value": "FR", "occurrences": 2, "continent": "EU" },
{ "value": "AU", "occurrences": 1, "continent": "OC" },
{ "value": "AR", "occurrences": 1, "continent": "SA" },
{ "value": "TW", "occurrences": 1, "continent": "AS" }
],
"continentList": [
{ "value": "EU", "occurrences": 10 },
{ "value": "NA", "occurrences": 28 },
{ "value": "AS", "occurrences": 5 },
{ "value": "OC", "occurrences": 1 },
{ "value": "SA", "occurrences": 1 }
]
},
"committee": {
"country": 7,
"continent": 3,
"countryList": [
{ "value": "US", "occurrences": 21 },
{ "value": "CA", "occurrences": 3 },
{ "value": "DE", "occurrences": 1 },
{ "value": "FR", "occurrences": 1 },
{ "value": "SE", "occurrences": 1 },
{ "value": "JP", "occurrences": 1 },
{ "value": "GB", "occurrences": 2 }
],
"continentList": [
{ "value": "NA", "occurrences": 24 },
{ "value": "EU", "occurrences": 5 },
{ "value": "AS", "occurrences": 1 }
]
},
"collaborations": { "international": 5, "interContinental": 4 }
},
{
"year": 11,
"proceedings": "uist11",
"totPapers": 81,
"papers": {
"country": 10,
"continent": 3,
"countryList": [
{ "value": "US", "occurrences": 36, "continent": "NA" },
{ "value": "DK", "occurrences": 1, "continent": "EU" },
{ "value": "JP", "occurrences": 5, "continent": "AS" },
{ "value": "CA", "occurrences": 16, "continent": "NA" },
{ "value": "DE", "occurrences": 6, "continent": "EU" },
{ "value": "FR", "occurrences": 6, "continent": "EU" },
{ "value": "GB", "occurrences": 5, "continent": "EU" },
{ "value": "TW", "occurrences": 2, "continent": "AS" },
{ "value": "KR", "occurrences": 2, "continent": "AS" },
{ "value": "AT", "occurrences": 1, "continent": "EU" }
],
"continentList": [
{ "value": "NA", "occurrences": 52 },
{ "value": "EU", "occurrences": 19 },
{ "value": "AS", "occurrences": 9 }
]
},
"committee": {
"country": 4,
"continent": 2,
"countryList": [
{ "value": "FR", "occurrences": 2 },
{ "value": "US", "occurrences": 24 },
{ "value": "CA", "occurrences": 2 },
{ "value": "GB", "occurrences": 1 }
],
"continentList": [
{ "value": "EU", "occurrences": 3 },
{ "value": "NA", "occurrences": 26 }
]
},
"collaborations": { "international": 10, "interContinental": 8 }
},
{
"year": 12,
"proceedings": "uist12",
"totPapers": 75,
"papers": {
"country": 15,
"continent": 4,
"countryList": [
{ "value": "US", "occurrences": 35, "continent": "NA" },
{ "value": "CA", "occurrences": 12, "continent": "NA" },
{ "value": "BE", "occurrences": 1, "continent": "EU" },
{ "value": "DE", "occurrences": 4, "continent": "EU" },
{ "value": "IN", "occurrences": 1, "continent": "AS" },
{ "value": "JP", "occurrences": 4, "continent": "AS" },
{ "value": "GB", "occurrences": 8, "continent": "EU" },
{ "value": "GR", "occurrences": 1, "continent": "EU" },
{ "value": "CN", "occurrences": 2, "continent": "AS" },
{ "value": "FR", "occurrences": 5, "continent": "EU" },
{ "value": "TW", "occurrences": 1, "continent": "AS" },
{ "value": "KR", "occurrences": 1, "continent": "AS" },
{ "value": "NZ", "occurrences": 1, "continent": "OC" },
{ "value": "FI", "occurrences": 2, "continent": "EU" },
{ "value": "AT", "occurrences": 1, "continent": "EU" }
],
"continentList": [
{ "value": "NA", "occurrences": 47 },
{ "value": "EU", "occurrences": 22 },
{ "value": "AS", "occurrences": 9 },
{ "value": "OC", "occurrences": 1 }
]
},
"committee": {
"country": 7,
"continent": 3,
"countryList": [
{ "value": "US", "occurrences": 21 },
{ "value": "DE", "occurrences": 1 },
{ "value": "CN", "occurrences": 1 },
{ "value": "FR", "occurrences": 2 },
{ "value": "GB", "occurrences": 3 },
{ "value": "JP", "occurrences": 1 },
{ "value": "CA", "occurrences": 3 }
],
"continentList": [
{ "value": "NA", "occurrences": 24 },
{ "value": "EU", "occurrences": 6 },
{ "value": "AS", "occurrences": 2 }
]
},
"collaborations": { "international": 14, "interContinental": 6 }
},
{
"year": 13,
"proceedings": "uist13",
"totPapers": 75,
"papers": {
"country": 14,
"continent": 4,
"countryList": [
{ "value": "CH", "occurrences": 2, "continent": "EU" },
{ "value": "JP", "occurrences": 10, "continent": "AS" },
{ "value": "US", "occurrences": 38, "continent": "NA" },
{ "value": "DE", "occurrences": 8, "continent": "EU" },
{ "value": "GB", "occurrences": 9, "continent": "EU" },
{ "value": "NZ", "occurrences": 3, "continent": "OC" },
{ "value": "FR", "occurrences": 4, "continent": "EU" },
{ "value": "KR", "occurrences": 2, "continent": "AS" },
{ "value": "CA", "occurrences": 6, "continent": "NA" },
{ "value": "SG", "occurrences": 1, "continent": "AS" },
{ "value": "TW", "occurrences": 2, "continent": "AS" },
{ "value": "CN", "occurrences": 1, "continent": "AS" },
{ "value": "IN", "occurrences": 1, "continent": "AS" },
{ "value": "BE", "occurrences": 1, "continent": "EU" }
],
"continentList": [
{ "value": "EU", "occurrences": 24 },
{ "value": "AS", "occurrences": 17 },
{ "value": "NA", "occurrences": 44 },
{ "value": "OC", "occurrences": 3 }
]
},
"committee": {
"country": 9,
"continent": 3,
"countryList": [
{ "value": "FR", "occurrences": 1 },
{ "value": "US", "occurrences": 19 },
{ "value": "DE", "occurrences": 2 },
{ "value": "CA", "occurrences": 4 },
{ "value": "GB", "occurrences": 4 },
{ "value": "FI", "occurrences": 1 },
{ "value": "JP", "occurrences": 1 },
{ "value": "DK", "occurrences": 1 },
{ "value": "CN", "occurrences": 1 }
],
"continentList": [
{ "value": "EU", "occurrences": 9 },
{ "value": "NA", "occurrences": 23 },
{ "value": "AS", "occurrences": 2 }
]
},
"collaborations": { "international": 11, "interContinental": 7 }
},
{
"year": 14,
"proceedings": "uist14",
"totPapers": 76,
"papers": {
"country": 14,
"continent": 3,
"countryList": [
{ "value": "US", "occurrences": 51, "continent": "NA" },
{ "value": "CA", "occurrences": 11, "continent": "NA" },
{ "value": "JP", "occurrences": 8, "continent": "AS" },
{ "value": "KR", "occurrences": 3, "continent": "AS" },
{ "value": "FI", "occurrences": 2, "continent": "EU" },
{ "value": "GB", "occurrences": 9, "continent": "EU" },
{ "value": "AT", "occurrences": 3, "continent": "EU" },
{ "value": "DE", "occurrences": 6, "continent": "EU" },
{ "value": "DK", "occurrences": 2, "continent": "EU" },
{ "value": "CN", "occurrences": 2, "continent": "AS" },
{ "value": "FR", "occurrences": 2, "continent": "EU" },
{ "value": "CH", "occurrences": 2, "continent": "EU" },
{ "value": "TW", "occurrences": 1, "continent": "AS" },
{ "value": "IT", "occurrences": 1, "continent": "EU" }
],
"continentList": [
{ "value": "NA", "occurrences": 62 },
{ "value": "AS", "occurrences": 14 },
{ "value": "EU", "occurrences": 27 }
]
},
"committee": {
"country": 8,
"continent": 4,
"countryList": [
{ "value": "US", "occurrences": 22 },
{ "value": "CH", "occurrences": 2 },
{ "value": "FR", "occurrences": 2 },
{ "value": "CA", "occurrences": 5 },
{ "value": "FI", "occurrences": 1 },
{ "value": "JP", "occurrences": 1 },
{ "value": "GB", "occurrences": 2 },
{ "value": "AU", "occurrences": 1 }
],
"continentList": [
{ "value": "NA", "occurrences": 27 },
{ "value": "EU", "occurrences": 7 },
{ "value": "AS", "occurrences": 1 },
{ "value": "OC", "occurrences": 1 }
]
},
"collaborations": { "international": 20, "interContinental": 11 }
},
{
"year": 15,
"proceedings": "uist15",
"totPapers": 72,
"papers": {
"country": 17,
"continent": 5,
"countryList": [
{ "value": "US", "occurrences": 35, "continent": "NA" },
{ "value": "DE", "occurrences": 14, "continent": "EU" },
{ "value": "DK", "occurrences": 4, "continent": "EU" },
{ "value": "CA", "occurrences": 13, "continent": "NA" },
{ "value": "AT", "occurrences": 1, "continent": "EU" },
{ "value": "GB", "occurrences": 5, "continent": "EU" },
{ "value": "FR", "occurrences": 4, "continent": "EU" },
{ "value": "AE", "occurrences": 1, "continent": "AS" },
{ "value": "CH", "occurrences": 1, "continent": "EU" },
{ "value": "BR", "occurrences": 1, "continent": "SA" },
{ "value": "KR", "occurrences": 2, "continent": "AS" },
{ "value": "NO", "occurrences": 1, "continent": "EU" },
{ "value": "NZ", "occurrences": 1, "continent": "OC" },
{ "value": "PT", "occurrences": 1, "continent": "EU" },
{ "value": "CN", "occurrences": 1, "continent": "AS" },
{ "value": "TW", "occurrences": 3, "continent": "AS" },
{ "value": "JP", "occurrences": 1, "continent": "AS" }
],
"continentList": [
{ "value": "NA", "occurrences": 48 },
{ "value": "EU", "occurrences": 31 },
{ "value": "AS", "occurrences": 8 },
{ "value": "SA", "occurrences": 1 },
{ "value": "OC", "occurrences": 1 }
]
},
"committee": {
"country": 9,
"continent": 3,
"countryList": [
{ "value": "US", "occurrences": 22 },
{ "value": "CA", "occurrences": 6 },
{ "value": "DE", "occurrences": 2 },
{ "value": "FR", "occurrences": 3 },
{ "value": "DK", "occurrences": 1 },
{ "value": "CN", "occurrences": 1 },
{ "value": "FI", "occurrences": 1 },
{ "value": "JP", "occurrences": 2 },
{ "value": "GB", "occurrences": 1 }
],
"continentList": [
{ "value": "NA", "occurrences": 28 },
{ "value": "EU", "occurrences": 8 },
{ "value": "AS", "occurrences": 3 }
]
},
"collaborations": { "international": 15, "interContinental": 6 }
},
{
"year": 16,
"proceedings": "uist16",
"totPapers": 101,
"papers": {
"country": 18,
"continent": 4,
"countryList": [
{ "value": "US", "occurrences": 65, "continent": "NA" },
{ "value": "DE", "occurrences": 9, "continent": "EU" },
{ "value": "CA", "occurrences": 13, "continent": "NA" },
{ "value": "GB", "occurrences": 7, "continent": "EU" },
{ "value": "FR", "occurrences": 7, "continent": "EU" },
{ "value": "KR", "occurrences": 6, "continent": "AS" },
{ "value": "DK", "occurrences": 2, "continent": "EU" },
{ "value": "AT", "occurrences": 1, "continent": "EU" },
{ "value": "JP", "occurrences": 9, "continent": "AS" },
{ "value": "CN", "occurrences": 2, "continent": "AS" },
{ "value": "IL", "occurrences": 1, "continent": "AS" },
{ "value": "TW", "occurrences": 2, "continent": "AS" },
{ "value": "LK", "occurrences": 1, "continent": "AS" },
{ "value": "IN", "occurrences": 1, "continent": "AS" },
{ "value": "BG", "occurrences": 1, "continent": "EU" },
{ "value": "PH", "occurrences": 1, "continent": "AS" },
{ "value": "CH", "occurrences": 3, "continent": "EU" },
{ "value": "EG", "occurrences": 1, "continent": "AF" }
],
"continentList": [
{ "value": "NA", "occurrences": 78 },
{ "value": "EU", "occurrences": 30 },
{ "value": "AS", "occurrences": 23 },
{ "value": "AF", "occurrences": 1 }
]
},
"committee": {
"country": 12,
"continent": 3,
"countryList": [
{ "value": "GB", "occurrences": 3 },
{ "value": "FR", "occurrences": 4 },
{ "value": "US", "occurrences": 20 },
{ "value": "CA", "occurrences": 7 },
{ "value": "RO", "occurrences": 1 },
{ "value": "DK", "occurrences": 1 },
{ "value": "SG", "occurrences": 1 },
{ "value": "DE", "occurrences": 1 },
{ "value": "CN", "occurrences": 1 },
{ "value": "KR", "occurrences": 1 },
{ "value": "CH", "occurrences": 1 },
{ "value": "JP", "occurrences": 1 }
],
"continentList": [
{ "value": "EU", "occurrences": 11 },
{ "value": "NA", "occurrences": 27 },
{ "value": "AS", "occurrences": 4 }
]
},
"collaborations": { "international": 20, "interContinental": 15 }
},
{
"year": 17,
"proceedings": "uist17",
"totPapers": 92,
"papers": {
"country": 17,
"continent": 4,
"countryList": [
{ "value": "US", "occurrences": 49, "continent": "NA" },
{ "value": "CA", "occurrences": 10, "continent": "NA" },
{ "value": "TW", "occurrences": 6, "continent": "AS" },
{ "value": "FR", "occurrences": 8, "continent": "EU" },
{ "value": "AU", "occurrences": 1, "continent": "OC" },
{ "value": "CH", "occurrences": 1, "continent": "EU" },
{ "value": "SE", "occurrences": 1, "continent": "EU" },
{ "value": "DE", "occurrences": 7, "continent": "EU" },
{ "value": "GB", "occurrences": 7, "continent": "EU" },
{ "value": "KR", "occurrences": 2, "continent": "AS" },
{ "value": "JP", "occurrences": 9, "continent": "AS" },
{ "value": "NL", "occurrences": 1, "continent": "EU" },
{ "value": "CN", "occurrences": 4, "continent": "AS" },
{ "value": "BE", "occurrences": 2, "continent": "EU" },
{ "value": "DK", "occurrences": 3, "continent": "EU" },
{ "value": "AT", "occurrences": 1, "continent": "EU" },
{ "value": "ES", "occurrences": 1, "continent": "EU" }
],
"continentList": [
{ "value": "NA", "occurrences": 59 },
{ "value": "AS", "occurrences": 21 },
{ "value": "EU", "occurrences": 32 },
{ "value": "OC", "occurrences": 1 }
]
},
"committee": {
"country": 12,
"continent": 3,
"countryList": [
{ "value": "DE", "occurrences": 3 },
{ "value": "AE", "occurrences": 1 },
{ "value": "US", "occurrences": 19 },
{ "value": "FR", "occurrences": 3 },
{ "value": "GB", "occurrences": 2 },
{ "value": "TW", "occurrences": 2 },
{ "value": "JP", "occurrences": 2 },
{ "value": "CA", "occurrences": 4 },
{ "value": "FI", "occurrences": 1 },
{ "value": "KR", "occurrences": 1 },
{ "value": "NL", "occurrences": 1 },
{ "value": "AT", "occurrences": 1 }
],
"continentList": [
{ "value": "EU", "occurrences": 11 },
{ "value": "AS", "occurrences": 6 },
{ "value": "NA", "occurrences": 23 }
]
},
"collaborations": { "international": 20, "interContinental": 12 }
},
{
"year": 18,
"proceedings": "uist18",
"totPapers": 100,
"papers": {
"country": 17,
"continent": 3,
"countryList": [
{ "value": "US", "occurrences": 44, "continent": "NA" },
{ "value": "TW", "occurrences": 6, "continent": "AS" },
{ "value": "DK", "occurrences": 3, "continent": "EU" },
{ "value": "DE", "occurrences": 7, "continent": "EU" },
{ "value": "KR", "occurrences": 7, "continent": "AS" },
{ "value": "FR", "occurrences": 5, "continent": "EU" },
{ "value": "JP", "occurrences": 6, "continent": "AS" },
{ "value": "CA", "occurrences": 14, "continent": "NA" },
{ "value": "IN", "occurrences": 1, "continent": "AS" },
{ "value": "CN", "occurrences": 3, "continent": "AS" },
{ "value": "GB", "occurrences": 1, "continent": "EU" },
{ "value": "IT", "occurrences": 1, "continent": "EU" },
{ "value": "MT", "occurrences": 1, "continent": "EU" },
{ "value": "CH", "occurrences": 4, "continent": "EU" },
{ "value": "CZ", "occurrences": 1, "continent": "EU" },
{ "value": "NL", "occurrences": 1, "continent": "EU" },
{ "value": "AT", "occurrences": 1, "continent": "EU" }
],
"continentList": [
{ "value": "NA", "occurrences": 58 },
{ "value": "AS", "occurrences": 23 },
{ "value": "EU", "occurrences": 25 }
]
},
"committee": {
"country": 9,
"continent": 3,
"countryList": [
{ "value": "US", "occurrences": 20 },
{ "value": "CA", "occurrences": 5 },
{ "value": "KR", "occurrences": 2 },
{ "value": "FR", "occurrences": 2 },
{ "value": "DE", "occurrences": 3 },
{ "value": "DK", "occurrences": 1 },
{ "value": "TW", "occurrences": 1 },
{ "value": "GB", "occurrences": 3 },
{ "value": "JP", "occurrences": 3 }
],
"continentList": [
{ "value": "NA", "occurrences": 25 },
{ "value": "AS", "occurrences": 6 },
{ "value": "EU", "occurrences": 9 }
]
},
"collaborations": { "international": 21, "interContinental": 14 }
},
{
"year": 19,
"proceedings": "uist19",
"totPapers": 113,
"papers": {
"country": 19,
"continent": 4,
"countryList": [
{ "value": "US", "occurrences": 72, "continent": "NA" },
{ "value": "CN", "occurrences": 11, "continent": "AS" },
{ "value": "CA", "occurrences": 16, "continent": "NA" },
{ "value": "JP", "occurrences": 12, "continent": "AS" },
{ "value": "KR", "occurrences": 5, "continent": "AS" },
{ "value": "CH", "occurrences": 4, "continent": "EU" },
{ "value": "DK", "occurrences": 3, "continent": "EU" },
{ "value": "FR", "occurrences": 3, "continent": "EU" },
{ "value": "GB", "occurrences": 6, "continent": "EU" },
{ "value": "NZ", "occurrences": 2, "continent": "OC" },
{ "value": "DE", "occurrences": 7, "continent": "EU" },
{ "value": "IN", "occurrences": 1, "continent": "AS" },
{ "value": "TW", "occurrences": 6, "continent": "AS" },
{ "value": "SG", "occurrences": 1, "continent": "AS" },
{ "value": "AE", "occurrences": 1, "continent": "AS" },
{ "value": "ES", "occurrences": 1, "continent": "EU" },
{ "value": "BE", "occurrences": 1, "continent": "EU" },
{ "value": "AU", "occurrences": 3, "continent": "OC" },
{ "value": "NL", "occurrences": 1, "continent": "EU" }
],
"continentList": [
{ "value": "NA", "occurrences": 88 },
{ "value": "AS", "occurrences": 37 },
{ "value": "EU", "occurrences": 26 },
{ "value": "OC", "occurrences": 5 }
]
},
"committee": {
"country": 8,
"continent": 3,
"countryList": [
{ "value": "AE", "occurrences": 1 },
{ "value": "CA", "occurrences": 8 },
{ "value": "DK", "occurrences": 2 },
{ "value": "US", "occurrences": 31 },
{ "value": "TW", "occurrences": 1 },
{ "value": "AT", "occurrences": 1 },
{ "value": "JP", "occurrences": 3 },
{ "value": "FR", "occurrences": 1 }
],
"continentList": [
{ "value": "AS", "occurrences": 5 },
{ "value": "NA", "occurrences": 39 },
{ "value": "EU", "occurrences": 4 }
]
},
"collaborations": { "international": 36, "interContinental": 24 }
},
{
"year": 20,
"proceedings": "uist20",
"totPapers": 101,
"papers": {
"country": 18,
"continent": 4,
"countryList": [
{ "value": "US", "occurrences": 64, "continent": "NA" },
{ "value": "FR", "occurrences": 7, "continent": "EU" },
{ "value": "GB", "occurrences": 4, "continent": "EU" },
{ "value": "CH", "occurrences": 5, "continent": "EU" },
{ "value": "JP", "occurrences": 12, "continent": "AS" },
{ "value": "KR", "occurrences": 9, "continent": "AS" },
{ "value": "CA", "occurrences": 10, "continent": "NA" },
{ "value": "IN", "occurrences": 1, "continent": "AS" },
{ "value": "DE", "occurrences": 7, "continent": "EU" },
{ "value": "BE", "occurrences": 1, "continent": "EU" },
{ "value": "TW", "occurrences": 3, "continent": "AS" },
{ "value": "NZ", "occurrences": 1, "continent": "OC" },
{ "value": "AT", "occurrences": 3, "continent": "EU" },
{ "value": "CN", "occurrences": 5, "continent": "AS" },
{ "value": "IL", "occurrences": 1, "continent": "AS" },
{ "value": "DK", "occurrences": 2, "continent": "EU" },
{ "value": "PT", "occurrences": 1, "continent": "EU" },
{ "value": "FI", "occurrences": 1, "continent": "EU" }
],
"continentList": [
{ "value": "NA", "occurrences": 74 },
{ "value": "EU", "occurrences": 31 },
{ "value": "AS", "occurrences": 31 },
{ "value": "OC", "occurrences": 1 }
]
},
"committee": {
"country": 15,
"continent": 4,
"countryList": [
{ "value": "US", "occurrences": 33 },
{ "value": "DE", "occurrences": 3 },
{ "value": "KR", "occurrences": 2 },
{ "value": "FR", "occurrences": 2 },
{ "value": "DK", "occurrences": 3 },
{ "value": "TW", "occurrences": 4 },
{ "value": "GB", "occurrences": 3 },
{ "value": "CH", "occurrences": 4 },
{ "value": "JP", "occurrences": 4 },
{ "value": "AU", "occurrences": 2 },
{ "value": "NL", "occurrences": 1 },
{ "value": "CA", "occurrences": 5 },
{ "value": "BE", "occurrences": 1 },
{ "value": "RO", "occurrences": 1 },
{ "value": "CN", "occurrences": 1 }
],
"continentList": [
{ "value": "NA", "occurrences": 38 },
{ "value": "EU", "occurrences": 18 },
{ "value": "AS", "occurrences": 11 },
{ "value": "OC", "occurrences": 2 }
]
},
"collaborations": { "international": 31, "interContinental": 24 }
},
{
"year": 21,
"proceedings": "uist21",
"totPapers": 95,
"papers": {
"country": 21,
"continent": 4,
"countryList": [
{ "value": "US", "occurrences": 62, "continent": "NA" },
{ "value": "JP", "occurrences": 5, "continent": "AS" },
{ "value": "GB", "occurrences": 2, "continent": "EU" },
{ "value": "FR", "occurrences": 3, "continent": "EU" },
{ "value": "CA", "occurrences": 12, "continent": "NA" },
{ "value": "DE", "occurrences": 10, "continent": "EU" },
{ "value": "CH", "occurrences": 3, "continent": "EU" },
{ "value": "DK", "occurrences": 2, "continent": "EU" },
{ "value": "KR", "occurrences": 3, "continent": "AS" },
{ "value": "CN", "occurrences": 10, "continent": "AS" },
{ "value": "AU", "occurrences": 2, "continent": "OC" },
{ "value": "LK", "occurrences": 1, "continent": "AS" },
{ "value": "TW", "occurrences": 4, "continent": "AS" },
{ "value": "IL", "occurrences": 1, "continent": "AS" },
{ "value": "RO", "occurrences": 1, "continent": "EU" },
{ "value": "FI", "occurrences": 1, "continent": "EU" },
{ "value": "AE", "occurrences": 1, "continent": "AS" },
{ "value": "BE", "occurrences": 1, "continent": "EU" },
{ "value": "NL", "occurrences": 1, "continent": "EU" },
{ "value": "AT", "occurrences": 1, "continent": "EU" },
{ "value": "SE", "occurrences": 1, "continent": "EU" }
],
"continentList": [
{ "value": "NA", "occurrences": 74 },
{ "value": "AS", "occurrences": 25 },
{ "value": "EU", "occurrences": 26 },
{ "value": "OC", "occurrences": 2 }
]
},
"committee": {
"country": 11,
"continent": 3,
"countryList": [
{ "value": "US", "occurrences": 53 },
{ "value": "CA", "occurrences": 10 },
{ "value": "DE", "occurrences": 4 },
{ "value": "CH", "occurrences": 1 },
{ "value": "DK", "occurrences": 3 },
{ "value": "FR", "occurrences": 1 },
{ "value": "GB", "occurrences": 2 },
{ "value": "TW", "occurrences": 1 },
{ "value": "KR", "occurrences": 1 },
{ "value": "BE", "occurrences": 1 },
{ "value": "CN", "occurrences": 1 }
],
"continentList": [
{ "value": "NA", "occurrences": 63 },
{ "value": "EU", "occurrences": 12 },
{ "value": "AS", "occurrences": 3 }
]
},
"collaborations": { "international": 27, "interContinental": 17 }
}
]

39
index.html Normal file
View File

@ -0,0 +1,39 @@
<!DOCTYPE html>
<html>
<head>
<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
<meta charset="utf-8" />
</head>
<body>
<div class="container">
<canvas id="chartCanavs"></canvas>
</div>
<div class="form-container">
<form>
<label for="startYear">Year range: </label>
<select id="startYear" required>
<option value="2010">2010</option>
<option value="2011">2011</option>
<option value="2012">2012</option>
<option value="2013">2013</option>
<option value="2014">2014</option>
<option value="2015">2015</option>
<option value="2016">2016</option>
<option value="2017">2017</option>
<option value="2018">2018</option>
<option value="2019">2019</option>
<option value="2020">2020</option>
<option value="2021">2021</option>
</select>
<div class="spacer"></div>
<b>Add the other controllers on your own...</b>
<div class="spacer"></div>
<button id="button" type="button">Update</button>
</form>
</div>
<script defer type="module" src="./main.js"></script>
</body>
</html>

36
main.js Normal file
View File

@ -0,0 +1,36 @@
import './css/style.css';
import Chart from 'chart.js/auto';
import data from './data.json';
// Let's start
console.log('%cYour data is here ⬇', 'background-color: green; color: white');
console.log(data); // => your data
// Your code here ...
// Chart.js
const ctx = document.getElementById('chartCanavs').getContext('2d');
const chart = new Chart(ctx, {
type: 'bar',
data: {
// ... YOUR DATA HERE!
// might start looking at here: https://www.chartjs.org/docs/next/
},
// Some preset options for your!
options: {
maintainAspectRatio: false,
plugins: {
legend: {
display: false,
},
},
scales: {
y: {
beginAtZero: true,
},
},
},
});

362
package-lock.json generated Normal file
View File

@ -0,0 +1,362 @@
{
"name": "id311-homework-charts",
"version": "0.1.0",
"lockfileVersion": 2,
"requires": true,
"packages": {
"": {
"name": "id311-homework-charts",
"version": "0.1.0",
"dependencies": {
"chart.js": "^3.7.1"
},
"devDependencies": {
"vite": "^2.7.2"
}
},
"node_modules/chart.js": {
"version": "3.7.1",
"resolved": "https://registry.npmjs.org/chart.js/-/chart.js-3.7.1.tgz",
"integrity": "sha512-8knRegQLFnPQAheZV8MjxIXc5gQEfDFD897BJgv/klO/vtIyFFmgMXrNfgrXpbTr/XbTturxRgxIXx/Y+ASJBA=="
},
"node_modules/esbuild": {
"version": "0.13.15",
"resolved": "https://registry.npmjs.org/esbuild/-/esbuild-0.13.15.tgz",
"integrity": "sha512-raCxt02HBKv8RJxE8vkTSCXGIyKHdEdGfUmiYb8wnabnaEmHzyW7DCHb5tEN0xU8ryqg5xw54mcwnYkC4x3AIw==",
"dev": true,
"hasInstallScript": true,
"bin": {
"esbuild": "bin/esbuild"
},
"optionalDependencies": {
"esbuild-android-arm64": "0.13.15",
"esbuild-darwin-64": "0.13.15",
"esbuild-darwin-arm64": "0.13.15",
"esbuild-freebsd-64": "0.13.15",
"esbuild-freebsd-arm64": "0.13.15",
"esbuild-linux-32": "0.13.15",
"esbuild-linux-64": "0.13.15",
"esbuild-linux-arm": "0.13.15",
"esbuild-linux-arm64": "0.13.15",
"esbuild-linux-mips64le": "0.13.15",
"esbuild-linux-ppc64le": "0.13.15",
"esbuild-netbsd-64": "0.13.15",
"esbuild-openbsd-64": "0.13.15",
"esbuild-sunos-64": "0.13.15",
"esbuild-windows-32": "0.13.15",
"esbuild-windows-64": "0.13.15",
"esbuild-windows-arm64": "0.13.15"
}
},
"node_modules/esbuild-darwin-arm64": {
"version": "0.13.15",
"resolved": "https://registry.npmjs.org/esbuild-darwin-arm64/-/esbuild-darwin-arm64-0.13.15.tgz",
"integrity": "sha512-i1FZssTVxUqNlJ6cBTj5YQj4imWy3m49RZRnHhLpefFIh0To05ow9DTrXROTE1urGTQCloFUXTX8QfGJy1P8dQ==",
"cpu": [
"arm64"
],
"dev": true,
"optional": true,
"os": [
"darwin"
]
},
"node_modules/fsevents": {
"version": "2.3.2",
"resolved": "https://registry.npmjs.org/fsevents/-/fsevents-2.3.2.tgz",
"integrity": "sha512-xiqMQR4xAeHTuB9uWm+fFRcIOgKBMiOBP+eXiyT7jsgVCq1bkVygt00oASowB7EdtpOHaaPgKt812P9ab+DDKA==",
"dev": true,
"hasInstallScript": true,
"optional": true,
"os": [
"darwin"
],
"engines": {
"node": "^8.16.0 || ^10.6.0 || >=11.0.0"
}
},
"node_modules/function-bind": {
"version": "1.1.1",
"resolved": "https://registry.npmjs.org/function-bind/-/function-bind-1.1.1.tgz",
"integrity": "sha512-yIovAzMX49sF8Yl58fSCWJ5svSLuaibPxXQJFLmBObTuCr0Mf1KiPopGM9NiFjiYBCbfaa2Fh6breQ6ANVTI0A==",
"dev": true
},
"node_modules/has": {
"version": "1.0.3",
"resolved": "https://registry.npmjs.org/has/-/has-1.0.3.tgz",
"integrity": "sha512-f2dvO0VU6Oej7RkWJGrehjbzMAjFp5/VKPp5tTpWIV4JHHZK1/BxbFRtf/siA2SWTe09caDmVtYYzWEIbBS4zw==",
"dev": true,
"dependencies": {
"function-bind": "^1.1.1"
},
"engines": {
"node": ">= 0.4.0"
}
},
"node_modules/is-core-module": {
"version": "2.8.0",
"resolved": "https://registry.npmjs.org/is-core-module/-/is-core-module-2.8.0.tgz",
"integrity": "sha512-vd15qHsaqrRL7dtH6QNuy0ndJmRDrS9HAM1CAiSifNUFv4x1a0CCVsj18hJ1mShxIG6T2i1sO78MkP56r0nYRw==",
"dev": true,
"dependencies": {
"has": "^1.0.3"
},
"funding": {
"url": "https://github.com/sponsors/ljharb"
}
},
"node_modules/nanoid": {
"version": "3.3.1",
"resolved": "https://registry.npmjs.org/nanoid/-/nanoid-3.3.1.tgz",
"integrity": "sha512-n6Vs/3KGyxPQd6uO0eH4Bv0ojGSUvuLlIHtC3Y0kEO23YRge8H9x1GCzLn28YX0H66pMkxuaeESFq4tKISKwdw==",
"dev": true,
"bin": {
"nanoid": "bin/nanoid.cjs"
},
"engines": {
"node": "^10 || ^12 || ^13.7 || ^14 || >=15.0.1"
}
},
"node_modules/path-parse": {
"version": "1.0.7",
"resolved": "https://registry.npmjs.org/path-parse/-/path-parse-1.0.7.tgz",
"integrity": "sha512-LDJzPVEEEPR+y48z93A0Ed0yXb8pAByGWo/k5YYdYgpY2/2EsOsksJrq7lOHxryrVOn1ejG6oAp8ahvOIQD8sw==",
"dev": true
},
"node_modules/picocolors": {
"version": "1.0.0",
"resolved": "https://registry.npmjs.org/picocolors/-/picocolors-1.0.0.tgz",
"integrity": "sha512-1fygroTLlHu66zi26VoTDv8yRgm0Fccecssto+MhsZ0D/DGW2sm8E8AjW7NU5VVTRt5GxbeZ5qBuJr+HyLYkjQ==",
"dev": true
},
"node_modules/postcss": {
"version": "8.4.5",
"resolved": "https://registry.npmjs.org/postcss/-/postcss-8.4.5.tgz",
"integrity": "sha512-jBDboWM8qpaqwkMwItqTQTiFikhs/67OYVvblFFTM7MrZjt6yMKd6r2kgXizEbTTljacm4NldIlZnhbjr84QYg==",
"dev": true,
"dependencies": {
"nanoid": "^3.1.30",
"picocolors": "^1.0.0",
"source-map-js": "^1.0.1"
},
"engines": {
"node": "^10 || ^12 || >=14"
},
"funding": {
"type": "opencollective",
"url": "https://opencollective.com/postcss/"
}
},
"node_modules/resolve": {
"version": "1.20.0",
"resolved": "https://registry.npmjs.org/resolve/-/resolve-1.20.0.tgz",
"integrity": "sha512-wENBPt4ySzg4ybFQW2TT1zMQucPK95HSh/nq2CFTZVOGut2+pQvSsgtda4d26YrYcr067wjbmzOG8byDPBX63A==",
"dev": true,
"dependencies": {
"is-core-module": "^2.2.0",
"path-parse": "^1.0.6"
},
"funding": {
"url": "https://github.com/sponsors/ljharb"
}
},
"node_modules/rollup": {
"version": "2.61.1",
"resolved": "https://registry.npmjs.org/rollup/-/rollup-2.61.1.tgz",
"integrity": "sha512-BbTXlEvB8d+XFbK/7E5doIcRtxWPRiqr0eb5vQ0+2paMM04Ye4PZY5nHOQef2ix24l/L0SpLd5hwcH15QHPdvA==",
"dev": true,
"bin": {
"rollup": "dist/bin/rollup"
},
"engines": {
"node": ">=10.0.0"
},
"optionalDependencies": {
"fsevents": "~2.3.2"
}
},
"node_modules/source-map-js": {
"version": "1.0.1",
"resolved": "https://registry.npmjs.org/source-map-js/-/source-map-js-1.0.1.tgz",
"integrity": "sha512-4+TN2b3tqOCd/kaGRJ/sTYA0tR0mdXx26ipdolxcwtJVqEnqNYvlCAt1q3ypy4QMlYus+Zh34RNtYLoq2oQ4IA==",
"dev": true,
"engines": {
"node": ">=0.10.0"
}
},
"node_modules/vite": {
"version": "2.7.2",
"resolved": "https://registry.npmjs.org/vite/-/vite-2.7.2.tgz",
"integrity": "sha512-wMffVVdKZRZP/HwW3yttKL8X+IJePz7bUcnGm0vqljffpVwHpjWC3duZtJQHAGvy+wrTjmwU7vkULpZ1dVXY6w==",
"dev": true,
"dependencies": {
"esbuild": "^0.13.12",
"postcss": "^8.3.11",
"resolve": "^1.20.0",
"rollup": "^2.59.0"
},
"bin": {
"vite": "bin/vite.js"
},
"engines": {
"node": ">=12.2.0"
},
"optionalDependencies": {
"fsevents": "~2.3.2"
},
"peerDependencies": {
"less": "*",
"sass": "*",
"stylus": "*"
},
"peerDependenciesMeta": {
"less": {
"optional": true
},
"sass": {
"optional": true
},
"stylus": {
"optional": true
}
}
}
},
"dependencies": {
"chart.js": {
"version": "3.7.1",
"resolved": "https://registry.npmjs.org/chart.js/-/chart.js-3.7.1.tgz",
"integrity": "sha512-8knRegQLFnPQAheZV8MjxIXc5gQEfDFD897BJgv/klO/vtIyFFmgMXrNfgrXpbTr/XbTturxRgxIXx/Y+ASJBA=="
},
"esbuild": {
"version": "0.13.15",
"resolved": "https://registry.npmjs.org/esbuild/-/esbuild-0.13.15.tgz",
"integrity": "sha512-raCxt02HBKv8RJxE8vkTSCXGIyKHdEdGfUmiYb8wnabnaEmHzyW7DCHb5tEN0xU8ryqg5xw54mcwnYkC4x3AIw==",
"dev": true,
"requires": {
"esbuild-android-arm64": "0.13.15",
"esbuild-darwin-64": "0.13.15",
"esbuild-darwin-arm64": "0.13.15",
"esbuild-freebsd-64": "0.13.15",
"esbuild-freebsd-arm64": "0.13.15",
"esbuild-linux-32": "0.13.15",
"esbuild-linux-64": "0.13.15",
"esbuild-linux-arm": "0.13.15",
"esbuild-linux-arm64": "0.13.15",
"esbuild-linux-mips64le": "0.13.15",
"esbuild-linux-ppc64le": "0.13.15",
"esbuild-netbsd-64": "0.13.15",
"esbuild-openbsd-64": "0.13.15",
"esbuild-sunos-64": "0.13.15",
"esbuild-windows-32": "0.13.15",
"esbuild-windows-64": "0.13.15",
"esbuild-windows-arm64": "0.13.15"
}
},
"esbuild-darwin-arm64": {
"version": "0.13.15",
"resolved": "https://registry.npmjs.org/esbuild-darwin-arm64/-/esbuild-darwin-arm64-0.13.15.tgz",
"integrity": "sha512-i1FZssTVxUqNlJ6cBTj5YQj4imWy3m49RZRnHhLpefFIh0To05ow9DTrXROTE1urGTQCloFUXTX8QfGJy1P8dQ==",
"dev": true,
"optional": true
},
"fsevents": {
"version": "2.3.2",
"resolved": "https://registry.npmjs.org/fsevents/-/fsevents-2.3.2.tgz",
"integrity": "sha512-xiqMQR4xAeHTuB9uWm+fFRcIOgKBMiOBP+eXiyT7jsgVCq1bkVygt00oASowB7EdtpOHaaPgKt812P9ab+DDKA==",
"dev": true,
"optional": true
},
"function-bind": {
"version": "1.1.1",
"resolved": "https://registry.npmjs.org/function-bind/-/function-bind-1.1.1.tgz",
"integrity": "sha512-yIovAzMX49sF8Yl58fSCWJ5svSLuaibPxXQJFLmBObTuCr0Mf1KiPopGM9NiFjiYBCbfaa2Fh6breQ6ANVTI0A==",
"dev": true
},
"has": {
"version": "1.0.3",
"resolved": "https://registry.npmjs.org/has/-/has-1.0.3.tgz",
"integrity": "sha512-f2dvO0VU6Oej7RkWJGrehjbzMAjFp5/VKPp5tTpWIV4JHHZK1/BxbFRtf/siA2SWTe09caDmVtYYzWEIbBS4zw==",
"dev": true,
"requires": {
"function-bind": "^1.1.1"
}
},
"is-core-module": {
"version": "2.8.0",
"resolved": "https://registry.npmjs.org/is-core-module/-/is-core-module-2.8.0.tgz",
"integrity": "sha512-vd15qHsaqrRL7dtH6QNuy0ndJmRDrS9HAM1CAiSifNUFv4x1a0CCVsj18hJ1mShxIG6T2i1sO78MkP56r0nYRw==",
"dev": true,
"requires": {
"has": "^1.0.3"
}
},
"nanoid": {
"version": "3.3.1",
"resolved": "https://registry.npmjs.org/nanoid/-/nanoid-3.3.1.tgz",
"integrity": "sha512-n6Vs/3KGyxPQd6uO0eH4Bv0ojGSUvuLlIHtC3Y0kEO23YRge8H9x1GCzLn28YX0H66pMkxuaeESFq4tKISKwdw==",
"dev": true
},
"path-parse": {
"version": "1.0.7",
"resolved": "https://registry.npmjs.org/path-parse/-/path-parse-1.0.7.tgz",
"integrity": "sha512-LDJzPVEEEPR+y48z93A0Ed0yXb8pAByGWo/k5YYdYgpY2/2EsOsksJrq7lOHxryrVOn1ejG6oAp8ahvOIQD8sw==",
"dev": true
},
"picocolors": {
"version": "1.0.0",
"resolved": "https://registry.npmjs.org/picocolors/-/picocolors-1.0.0.tgz",
"integrity": "sha512-1fygroTLlHu66zi26VoTDv8yRgm0Fccecssto+MhsZ0D/DGW2sm8E8AjW7NU5VVTRt5GxbeZ5qBuJr+HyLYkjQ==",
"dev": true
},
"postcss": {
"version": "8.4.5",
"resolved": "https://registry.npmjs.org/postcss/-/postcss-8.4.5.tgz",
"integrity": "sha512-jBDboWM8qpaqwkMwItqTQTiFikhs/67OYVvblFFTM7MrZjt6yMKd6r2kgXizEbTTljacm4NldIlZnhbjr84QYg==",
"dev": true,
"requires": {
"nanoid": "^3.1.30",
"picocolors": "^1.0.0",
"source-map-js": "^1.0.1"
}
},
"resolve": {
"version": "1.20.0",
"resolved": "https://registry.npmjs.org/resolve/-/resolve-1.20.0.tgz",
"integrity": "sha512-wENBPt4ySzg4ybFQW2TT1zMQucPK95HSh/nq2CFTZVOGut2+pQvSsgtda4d26YrYcr067wjbmzOG8byDPBX63A==",
"dev": true,
"requires": {
"is-core-module": "^2.2.0",
"path-parse": "^1.0.6"
}
},
"rollup": {
"version": "2.61.1",
"resolved": "https://registry.npmjs.org/rollup/-/rollup-2.61.1.tgz",
"integrity": "sha512-BbTXlEvB8d+XFbK/7E5doIcRtxWPRiqr0eb5vQ0+2paMM04Ye4PZY5nHOQef2ix24l/L0SpLd5hwcH15QHPdvA==",
"dev": true,
"requires": {
"fsevents": "~2.3.2"
}
},
"source-map-js": {
"version": "1.0.1",
"resolved": "https://registry.npmjs.org/source-map-js/-/source-map-js-1.0.1.tgz",
"integrity": "sha512-4+TN2b3tqOCd/kaGRJ/sTYA0tR0mdXx26ipdolxcwtJVqEnqNYvlCAt1q3ypy4QMlYus+Zh34RNtYLoq2oQ4IA==",
"dev": true
},
"vite": {
"version": "2.7.2",
"resolved": "https://registry.npmjs.org/vite/-/vite-2.7.2.tgz",
"integrity": "sha512-wMffVVdKZRZP/HwW3yttKL8X+IJePz7bUcnGm0vqljffpVwHpjWC3duZtJQHAGvy+wrTjmwU7vkULpZ1dVXY6w==",
"dev": true,
"requires": {
"esbuild": "^0.13.12",
"fsevents": "~2.3.2",
"postcss": "^8.3.11",
"resolve": "^1.20.0",
"rollup": "^2.59.0"
}
}
}
}

13
package.json Normal file
View File

@ -0,0 +1,13 @@
{
"name": "id311-homework-charts",
"version": "0.1.0",
"scripts": {
"dev": "vite"
},
"devDependencies": {
"vite": "^2.7.2"
},
"dependencies": {
"chart.js": "^3.7.1"
}
}

15
vite.config.js Normal file
View File

@ -0,0 +1,15 @@
// vite.config.js
const { resolve } = require('path')
const { defineConfig } = require('vite')
module.exports = defineConfig({
build: {
rollupOptions: {
input: {
main: resolve(__dirname, 'index.html'),
single: resolve(__dirname, 'single_sketch.html'),
multi: resolve(__dirname, 'multi_sketch.html')
}
}
}
})