The avatar for @hellonearthis
Brett Cooper
In New Zealand being kid of human. We might make mistakes but we will make other things too. - Michael Joseph Savage
Published
Edited
Jan 31, 2022
2 stars
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
paper_width = 210
Insert cell
paper_height= 297
Insert cell
a5 =({
width: paper.Y,
height: paper.X,
center: paper.Y/2,
workarea_width: paper.Y/2-(a5Margin.left+a5Margin.right),
workarea_height: paper.X-(a5Margin.top+a5Margin.bottom),
})
Insert cell
a5boxSize = (a5.workarea_width/RC.cols < a5.workarea_height/RC.rows)? a5.workarea_width/(RC.cols-1) : a5.workarea_height/(RC.rows-1)
Insert cell
Insert cell
Insert cell
# todo:

combine both A4 grids into the one chart

add letters/numbers to all sides of the grid.

add letter/number colour intensity to add shades of gray

print the cell https://printjs.crabbly.com/ or [jquery](https://stackoverflow.com/a/3798320/45966)

There is a feature with the stroke-dasharray that limits the minimum size to 8x8.
I could fix that by drawing dots instead of dashed lines but will save that for version 2.0
Insert cell
import {rasterize,serialize} from "@mbostock/saving-svg"

Insert cell

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.
Learn more