-
-
Notifications
You must be signed in to change notification settings - Fork 15
/
heatrix.scroll
90 lines (66 loc) · 2.98 KB
/
heatrix.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
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
date 7/28/2024
title Heatrix: Heat Maps + Matrix Visualizations
breckHeader.scroll
mediumColumns 1
cancerHeatrix.jpg
caption A heatrix on CancerDB.
https://cancerdb.com/blog/cancer-heatmaps.html
Do you love those GitHub Activity Charts and want to make your own but don't know what they are called or what library to use and your work is busy and you have kids and sorry I'll call you back someone is crying?
dateline
Introducing Scroll's newest parser: `heatrix`!
../index.html Scroll's
# Try Now | Watch Video
https://try.scroll.pub/#scroll%0A%20%23%20Heatrix%20Demos%0A%20%0A%20%23%23%20Adjust%20the%20height%2Fwidth%20of%20individual%20cells%2C%20columns%2C%20or%20rows%3A%0A%20heatrix%0A%20%20h20%3BScroll%20h20%3BPLDB%0A%20%20400%20700%0A%20%0A%20%23%23%20Add%20links%3A%0A%20heatrix%0A%20%20h20%3BScroll%3Bhttps%3A%2F%2Fscroll.pub%20h20%3BPLDB%3Bhttps%3A%2F%2Fpldb.io%0A%20%20400%20700%0A%20%0A%20%23%23%20Use%20numbers%20as%20labels%3A%0A%20heatrix%0A%20%20'2021%20'2017%0A%20%20400%20700%0A%20%0A%20%23%23%20Use%20your%20own%20custom%20color%20palettes%20and%20set%20your%20own%20thresholds%3A%0A%20heatrixAdvanced%0A%20%20table%0A%20%20%20%20%0A%20%20%20h10%3Bw30%20'2015%20'2016%20'2017%20'2018%20'2019%20'2020%20'2021%20'2022%20'2023%20'2024%0A%20%20%20h30%3Bw30%3B%200%200%205%201%202%2011%2015%2010%2012%2056%0A%20%20scale%0A%20%20%20%23ffebee%200%0A%20%20%20%23ffcdd2%201%0A%20%20%20%23ef9a9a%205%0A%20%20%20%23e57373%2010%0A%20%20%20%23ef5350%2025%0A%20%20%20%23b71c1c%2050 Try Now
https://www.youtube.com/watch?v=ycF3k63qn1Y Watch Video
`heatrix` let's you craft custom heatmap visualizations with the fewest keystrokes possible.
# Heat Map + Matrix = Heatrix
heatrix.gif
caption Source code. Gif made with CleanShotX.
https://try.scroll.pub/#scroll%0A%20heatrix%0A%20%208%206%207%205%0A%20%2030%209 Source code
https://cleanshot.com/ CleanShotX
// thanks Cindy and Nate for telling me about CleanShotX!
***
# Not just a library, it's a microlanguage!
`heatrix` is a microlang that let's you customize your visualizations using "directives":
## Adjust the height/width of individual cells, columns, or rows:
heatrix
h20;Scroll h20;PLDB
400 700
aboveAsCode
## Add links:
heatrix
h20;Scroll;https://scroll.pub h20;PLDB;https://pldb.io
400 700
aboveAsCode
## Add labels:
heatrix
38'Canada
333'USA
127'Mexico
aboveAsCode
## Use numbers as labels:
heatrix
'2021 '2017
400 700
aboveAsCode
## Use your own custom color palettes and set your own thresholds:
heatrixAdvanced
table
h10;w30 '2015 '2016 '2017 '2018 '2019 '2020 '2021 '2022 '2023 '2024
h30;w30; 0 0 5 1 2 11 15 10 12 56
scale
#ffebee 0
#ffcdd2 1
#ef9a9a 5
#e57373 10
#ef5350 25
#b71c1c 50
aboveAsCode
***
# Like Heatrix? There's more where that came from!
## Join the World Wide Scroll Beta today!
If you like `heatrix` and want to see more stuff like this, but a folder on the World Wide Scroll beta and good things will come your way:
https://wws.scroll.pub/ World Wide Scroll beta
****
endColumns
footer.scroll