Curious Frenchman who loves to make proof of concepts to learn and explore.
Published
Edited
Oct 20, 2020
2 stars
verticalLines = 20
horizontalLines = 10
strokeStyle = ``//`stroke-dasharray="5,5"` // set it empty `` to have full lines
lines = _ => {
var res = ``
for (var i = 1; i<verticalLines; i++){
var y = (templateHeight/verticalLines) * i
res += `<line ${strokeStyle} x1="0" y1="${y}" x2="${templateWidth}" y2="${y}" stroke="black" />`
}
for (var i = 1; i<horizontalLines; i++){
var x = (templateWidth/horizontalLines) * i
res += `<line ${strokeStyle} x1="${x}" y1="0" x2="${x}" y2="${templateHeight}" stroke="black" />`
}
return res
}
md`## Ideas to go further
* send SVG directly to the device via rmAPI using a Glitch backend and token (could be stored on local storage)
* or Node microservice on own server (could pass the token via URI or POST parameter)
* web template e.g. https://1440px.com/
* inspiration from https://www.reddit.com/r/coolguides/comments/hevvoc/note_taking_methods/
`
Purpose-built for displays of data
Observable is your go-to platform for exploring data and creating expressive data visualizations. Use reactive JavaScript notebooks for prototyping and a collaborative canvas for visual data exploration and dashboard creation.
