30:[] 2e:{"title":"Paper Sizes","cells":[{"id":0,"value":"md`# Paper Sizes`","pinned":false,"hidden":false,"mode":"ojs"},{"id":6,"value":"viewof gridSize = Inputs.range([3, 2 * 36], {label: \"Grid Size\", value: 36, step: 3})","pinned":false,"hidden":false,"mode":"ojs"},{"id":1080,"value":"viewof paper = Inputs.table(\n sizes,\n {\n format: {\n size: (d) => htl.html`${d}`\n },\n width: \"70%\"\n }\n)","pinned":false,"hidden":false,"mode":"ojs"},{"id":1824,"value":"- `mm_h`: vertical size (mm)\n- `mm_w`: horizontal size (mm)\n- `pt_h`: vertical size (points)\n- `pt_w`: horizontal size (points)\n- `un_h`: vertical size (units of ${gridSize})\n- `pt_w`: horizontal size (units of ${gridSize})\n- `upt_h`: vertical size (units in points)\n- `upt_w`: horizontal size (units in points)\n- `umm_h`: vertical size (units in mm)\n- `umm_w`: horizontal size (units in mm)","pinned":false,"hidden":false,"mode":"md"},{"id":67,"value":"\\begin{aligned}\nA0 &= 1 \\text{ m²} ⇒ w \\cdot h = 1 \\\\\n{w \\over h} &= \\sqrt{2} \n⇒ w = {h \\over \\sqrt{2}} \\\\\n& ⇒ h = \\sqrt{\\sqrt{2}} \\cdot 1000 \\text{ mm}\n\\end{aligned}","pinned":false,"hidden":false,"mode":"tex"},{"id":1029,"value":"range = d3.range(10) // size numbers","pinned":false,"hidden":false,"mode":"ojs"},{"id":1522,"value":"List of paper sizes: ${pluck(\"size\", As(range)).join(\", \")}.","pinned":false,"hidden":false,"mode":"md"},{"id":1856,"value":"## Canvas Sizes\nPlace images in your document with consistent sizes, for example, small ratios ranging like:\n- 5:4\n- 7:5\n- 4:3\n- 3:2 (approaching Golden Ratio)\n- 5:3 (approaching Golden Ratio)\n- 8:5 (approaching Golden Ratio)\n- 16:1 (small horizontal strip)\n- 16:9 (HDTV)\n- 16:16 (square)\n\nHandy when creating a new document with publishing apps from Apple, Affinity, Adobe, Microsoft, others.\n\nThis table lists ${settings.wide} sizes in `px` and a resolution of ${settings.resolution}.","pinned":false,"hidden":false,"mode":"md"},{"id":1858,"value":"viewof settings = Inputs.form({\n resolution: Inputs.range([36,36*6], {label: \"resolution\", value: 72, step: 9}),\n wide: Inputs.range([1,16], {label: \"wide\", value: 16, step: 1}),\n})","pinned":false,"hidden":false,"mode":"ojs"},{"id":1860,"value":"{\n const {wide, resolution} = settings;\n const rows = (wide * 2 ** (1/2)|0) + 2; // to match A-sized paper in potrait mode\n return Inputs.table(\n d3\n .range(1, rows)\n .map((tall) => ({\n tall,\n width: wide * resolution,\n height: tall * resolution,\n })),\n { width: 36 * 7, rows: rows + 1 }\n )\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":1548,"value":"#### ${ƒ(\"Asize\")}\n- takes a paper size number (0, 1, 2…);\n- returns a basic paper object with its proper dimensions.","pinned":false,"hidden":false,"mode":"md"},{"id":952,"value":"Asize(4).mm","pinned":true,"hidden":false,"mode":"ojs"},{"id":866,"value":"function Asize(n) {\n const height =\n n === 0\n ? s2 ** .5\n : Asize(n - 1).mm[0] / s2;\n return {mm: [height, height / s2]};\n}","pinned":true,"hidden":false,"mode":"ojs"},{"id":1560,"value":"#### ${ƒ(\"derive\")}\n- takes an initial paper object;\n- returns a complete and nested paper object with all extra units added;\n- by:\n - setting up and executing a pipeline that adds an extra unit in each step; note that each `addUnit` requires its `from` unit already to be present in the paper object.","pinned":false,"hidden":false,"mode":"md"},{"id":898,"value":"derive(Asize(4))","pinned":true,"hidden":false,"mode":"ojs"},{"id":896,"value":"derive = (initial) => pipe(\n addUnit(\"mm\" , \"mm\" , mapPipe(milli, round)),\n addUnit(\"mm\" , \"pt\" , mapPipe(mm2pt, round)),\n addUnit(\"pt\" , \"un\" , mapPipe(pt2un(gridSize))),\n addUnit(\"un\" , \"upt\", mapPipe(un2pt)),\n addUnit(\"upt\", \"umm\", mapPipe(pt2mm, floor)),\n)(initial)","pinned":true,"hidden":false,"mode":"ojs"},{"id":1595,"value":"#### ${ƒ(\"addUnit\")}\n- takes an initial paper object;\n- returns a new paper object with the dimensions for the new unit added.\n\nE.g. using an initial object with metrics in meters, adds the corresponding points metrics by:\n1. converting the meters to millimeters (`milli`);\n2. converting millimeters to points (`mm2pt`); and\n3. rounding the result (`round`).","pinned":false,"hidden":false,"mode":"md"},{"id":1584,"value":"addUnit(\"mm\" , \"pt\" , mapPipe(milli, mm2pt, round))(Asize(4))","pinned":true,"hidden":false,"mode":"ojs"},{"id":1116,"value":"addUnit = curry((from, to, convert, dims) => ({ ...dims, [to]: convert(dims[from])}))","pinned":true,"hidden":false,"mode":"ojs"},{"id":1564,"value":"#### ${ç(\"sizes\")}\n- zip both the list of paper size names and the list of their metrics into a single list of merged objects, ready for `Inputs.table()`.","pinned":false,"hidden":false,"mode":"md"},{"id":1577,"value":"sizes = zipWith(\n (a, b) => ({...a, ...b}),\n As(range),\n Adimensions(range)\n)","pinned":true,"hidden":false,"mode":"ojs"},{"id":1706,"value":"#### ${ƒ(\"As\")}\n- takes a list of paper size numbers;\n- returns a list of corresponding objects with official paper size names.","pinned":false,"hidden":false,"mode":"md"},{"id":1020,"value":"As = map(sizer)","pinned":false,"hidden":false,"mode":"ojs"},{"id":1738,"value":"As(range)","pinned":true,"hidden":false,"mode":"ojs"},{"id":1368,"value":"#### ${ƒ(\"sizer\")}\n- takes a paper size number as second argument (e.g. 0);\n- returns the corresponding size name (A0).","pinned":false,"hidden":false,"mode":"md"},{"id":1009,"value":"sizer = (i = \"-\") => ({size: \"A\" + i})","pinned":false,"hidden":false,"mode":"ojs"},{"id":1741,"value":"sizer(4)","pinned":true,"hidden":false,"mode":"ojs"},{"id":1532,"value":"#### ${ƒ(\"Adimensions\")}\n- takes the range of A size numbers, and:\n- returns list of complete and flattened paper objects, ready for tabulating;\n- by:\n 1. turn each into a proper paper object with basic dimensions (`Asize`);\n 2. generate new paper object including derived units ans nested objects (`derive`);\n 3. unnest or flatten each, resulting into a simple flattened array, ready to tabulize (`flattenProperties`).","pinned":false,"hidden":false,"mode":"md"},{"id":1061,"value":"Adimensions = mapPipe(\n Asize,\n derive,\n flattenProperties(toObject),\n)","pinned":true,"hidden":false,"mode":"ojs"},{"id":1640,"value":"Just doing `Asize` and `derive` results in a complete, yet unflattened, paper object.","pinned":false,"hidden":false,"mode":"md"},{"id":1625,"value":"A4 = mapPipe(Asize, derive)(range)[4]","pinned":true,"hidden":false,"mode":"ojs"},{"id":1601,"value":"#### ${ƒ(\"toObject\")}\n- takes a unit name like *mm*, and an object with the corresponding dimensions;\n- returns an flattend object with unique names, ready for further merging with peers.","pinned":false,"hidden":false,"mode":"md"},{"id":1603,"value":"toObject(\"mm\", {mm: [10, 30]})","pinned":true,"hidden":false,"mode":"ojs"},{"id":747,"value":"toObject = (name, object) => \n[\"h\", \"w\"]\n.reduce(\n (accu, dimension, i) => ({\n ...accu,\n [name + \"_\" + dimension]: object[name][i]\n }),\n {}\n)","pinned":true,"hidden":false,"mode":"ojs"},{"id":1616,"value":"#### ${ƒ(\"flattenProperties\")}\n- takes a flatten or ‘unnest’ function;\n- returns a function that:\n - takes a complete paper object with all units, each with its own keys and dimensions; and\n - returns a flattened version of same object.","pinned":false,"hidden":false,"mode":"md"},{"id":1620,"value":"flattenProperties(toObject)(A4)","pinned":true,"hidden":false,"mode":"ojs"},{"id":756,"value":"flattenProperties = (flatten) => (object) =>\nkeys(object)\n.reduce(\n (accu, key) => ({\n ...accu,\n ...flatten(key, object)\n }),\n {}\n)","pinned":true,"hidden":false,"mode":"ojs"},{"id":1437,"value":"### Converters","pinned":false,"hidden":false,"mode":"md"},{"id":294,"value":"mm2pt = mm => mm * 2.8346457","pinned":false,"hidden":false,"mode":"ojs"},{"id":297,"value":"pt2mm = pt => pt / mm2pt(1)","pinned":false,"hidden":false,"mode":"ojs"},{"id":345,"value":"pt2un = (un) => (pt) => Math.floor(pt / un)","pinned":false,"hidden":false,"mode":"ojs"},{"id":394,"value":"un2pt = (un) => gridSize * un","pinned":false,"hidden":false,"mode":"ojs"},{"id":1259,"value":"### Assistants","pinned":false,"hidden":false,"mode":"md"},{"id":262,"value":"s2 = (2 ** .5) // √2","pinned":false,"hidden":false,"mode":"ojs"},{"id":935,"value":"milli = (x) => 1000 * x","pinned":false,"hidden":false,"mode":"ojs"},{"id":792,"value":"round = Math.round","pinned":false,"hidden":false,"mode":"ojs"},{"id":795,"value":"floor = Math.floor","pinned":false,"hidden":false,"mode":"ojs"},{"id":768,"value":"keys = Object.keys","pinned":false,"hidden":false,"mode":"ojs"},{"id":1271,"value":"### Ramda","pinned":false,"hidden":false,"mode":"md"},{"id":686,"value":"identity = R.identity","pinned":false,"hidden":false,"mode":"ojs"},{"id":337,"value":"map = R.addIndex(R.map)","pinned":false,"hidden":false,"mode":"ojs"},{"id":358,"value":"pipe = R.pipe","pinned":false,"hidden":false,"mode":"ojs"},{"id":985,"value":"mapPipe = (...args) => map(pipe(...args))","pinned":false,"hidden":false,"mode":"ojs"},{"id":678,"value":"curry = R.curry","pinned":false,"hidden":false,"mode":"ojs"},{"id":1044,"value":"zipWith = R.zipWith","pinned":false,"hidden":false,"mode":"ojs"},{"id":1763,"value":"pluck = R.pluck","pinned":false,"hidden":false,"mode":"ojs"},{"id":334,"value":"R = require(\"ramda\")","pinned":false,"hidden":false,"mode":"ojs"},{"id":1656,"value":"### Style & Layout","pinned":false,"hidden":false,"mode":"md"},{"id":1650,"value":"ƒ = (name) => `${name}()`","pinned":false,"hidden":false,"mode":"ojs"},{"id":1688,"value":"ç = (name) => `${name}[]`","pinned":false,"hidden":false,"mode":"ojs"},{"id":10,"value":"style = html`\n\n`","pinned":false,"hidden":false,"mode":"ojs"}],"files":"$W30","stdlib":"1","titling":"auto"}