2a:null 2b:["$","title",null,{"children":"Display DPI | Jan Žák | Observable"}] 30:[] 2e:{"id":"307fcafff108e420","slug":"display-dpi","title":"Display DPI","thumbnail":"d7b695b8bf955237bcfb85f2ca235f73588d6f1a16d23062f8738cb138aceb6e","access_level":"public","create_time":"$D2020-09-09T18:59:31.263Z","update_time":"$D2020-09-18T21:29:36.176Z","view_time":null,"first_public_time":"$D2020-09-09T20:04:39.735Z","has_unpublished_edits":null,"fork":false,"stars":0,"starred":false,"owner":{"type":"team","id":"a12effbfd35c93c7","login":"zakjan","name":"Jan Žák","avatar_url":"https://avatars-next.observableusercontent.com/734b40ac6df193f558af089ec56464c2b7d80288e1cef2475d312d15c2cb2bfa","tier":"starter_2024"},"version":110,"publish_version":110,"role":null,"authored":false,"authors":[{"type":"individual","id":"b40b7243df0ef758","login":"zakjan","name":"Jan Žák","avatar_url":"https://avatars-next.observableusercontent.com/734b40ac6df193f558af089ec56464c2b7d80288e1cef2475d312d15c2cb2bfa","tier":null}],"members":[{"type":"individual","id":"b40b7243df0ef758","login":"zakjan","name":"Jan Žák","avatar_url":"https://avatars-next.observableusercontent.com/734b40ac6df193f558af089ec56464c2b7d80288e1cef2475d312d15c2cb2bfa","tier":null,"role":"editor"}],"comments":[],"custom_thumbnail":false,"trashed":false,"lapsed":null,"subscribed":null,"forks":0,"collection":null,"type":"notebook","body":{"titling":"auto","title":"Display DPI","cells":[{"id":0,"value":"md`# Display DPI`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":93,"value":"md`\nCompute effective display DPI with respect to possible macOS scaling ratios.\n\nDPI icons are set by personal preference.\n\nReference:\n- https://www.displayspecifications.com/\n- https://www.eizoglobal.com/support/compatibility/dpi_scaling_settings_mac_os_x/\n`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":4,"value":"viewof config = inputsForm([\n {\n name: 'width',\n element: text({\n title: 'Width (px)',\n value: '3440',\n }),\n },\n {\n name: 'physicalWidth',\n element: text({\n title: 'Physical Width (cm)',\n value: '79.98',\n }),\n },\n]);","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":35,"value":"html`\n\n \n \n \n ${scales.map(scale => {\n const dpi = cmToIn(config.width / config.physicalWidth / scale);\n return `\n \n \n \n \n `;\n })}\n

Scale	DPI	\n
${formatInt(scale * 100)}%	${dpiToIcon(dpi)} ${formatInt(dpi)}

\n`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":69,"value":"scales = [1, 1.14, 1.27, 1.5, 2]","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":58,"value":"cmToIn = value => value * 2.54","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":74,"value":"dpiToIcon = dpi => {\n if (110 <= dpi && dpi <= 120) return '🌟';\n else if (105 <= dpi && dpi <= 125) return '⭐️';\n else return '❌';\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":19,"value":"md`## Imports`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":25,"value":"import {text} from '@jashkenas/inputs'","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":20,"value":"import {inputsForm} from '@zakjan/inputs-form'","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":48,"value":"import {formatInt} from '@zakjan/utils'","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"}],"files":"$W30","stdlib":"1"}} 2f:"$2e:body"