-
-
Notifications
You must be signed in to change notification settings - Fork 15
/
csvToScrollSet.scroll
57 lines (42 loc) · 1.38 KB
/
csvToScrollSet.scroll
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
authors Breck Yunits
https://github.com/breck7 Breck Yunits
date 7/09/2024
tags All ScrollSets
title Convert CSVs to ScrollSets
header.scroll
printTitle
printAuthors
keyboardNav
copyButtons
mediumColumns 1
ScrollSets are _very_ useful once you get going. But starting from scratch could be a bit tedious.
dateline
https://breckyunits.com/scrollsets.html ScrollSets
Not anymore!
Just drop your CSV or TSV into the textarea below to generate a ScrollSet.
(P.S. using LLMs with ScrollSets is another great way to get started)
https://sets.scroll.pub/ using LLMs with ScrollSets
endColumns
***
mediumColumns 1
scrollSetMaker.js
# Your Data:
<textarea style="width: 100%" id="content" rows="15" oninput="updateScrollSet()"></textarea><br>
<label for="delimiter">Delimiter:</label>
<input id="delimiter" value="," style="width: 30px;"/>
# ScrollSet:
pre#scrollset
script
function updateScrollSet() {
const delimiter = document.getElementById('delimiter').value;
const content = document.getElementById('content').value;
const scrollsetData = convertToScrollset(content, delimiter);
document.getElementById('scrollset').textContent = scrollsetData;
}
document.getElementById('content').value = "id,year\nHawaii,1959"
updateScrollSet()
document.getElementById('delimiter').addEventListener('input', updateScrollSet);
# Related
printRelated ScrollSets
endColumns
footer.scroll