2d:null 2e:["$","title",null,{"children":"📑 Text Styling | Olga Belitskaya | Observable"}] 33:[] 31:{"id":"ac1eab1055f10af0","slug":"text-styling","title":"📑 Text Styling","thumbnail":"204f1758f184460cc2f3526db256b0f37a4b99703665d2dd76d330fbce29b0d8","access_level":"public","create_time":"$D2020-12-04T04:35:34.115Z","update_time":"$D2021-10-03T14:10:35.697Z","view_time":null,"first_public_time":"$D2020-12-04T05:45:33.127Z","has_unpublished_edits":null,"fork":false,"stars":0,"starred":false,"owner":{"type":"team","id":"98198089abd4b9a8","login":"olgabelitskaya","name":"Olga Belitskaya","avatar_url":"https://avatars-next.observableusercontent.com/efc5a1fdd47c22643bdfdce309fc023e67a3769736526e3805f1df287d3c1b68","tier":"starter_2024"},"version":358,"publish_version":null,"role":null,"authored":false,"authors":[{"type":"individual","id":"f76f5ed10936f426","login":"olgabelitskaya","name":"Olga Belitskaya","avatar_url":"https://avatars-next.observableusercontent.com/efc5a1fdd47c22643bdfdce309fc023e67a3769736526e3805f1df287d3c1b68","tier":null}],"members":[{"type":"individual","id":"f76f5ed10936f426","login":"olgabelitskaya","name":"Olga Belitskaya","avatar_url":"https://avatars-next.observableusercontent.com/efc5a1fdd47c22643bdfdce309fc023e67a3769736526e3805f1df287d3c1b68","tier":null,"role":"editor"}],"comments":[],"custom_thumbnail":false,"trashed":false,"lapsed":null,"subscribed":null,"forks":0,"collection":{"id":"406dd1fe7a4d5646","slug":"styling","title":"Styling","owner":{"id":"98198089abd4b9a8","login":"olgabelitskaya","name":"Olga Belitskaya"}},"type":"notebook","body":{"title":"📑 Text Styling","cells":[{"id":0,"value":"md`# 📑 Text Styling`","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":228,"value":"md`## webkit-background-clip`","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":272,"value":"viewof deg=html``","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":286,"value":"viewof font_width=html``","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":290,"value":"viewof font_size_px=html``","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":305,"value":"viewof font_family=html``","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":316,"value":"viewof background_color=html``","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":2,"value":"html`\n\n

\n${string}

`","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":9,"value":"params=({padding:2,font_color:'transparent',font_view_height:1.1})","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":90,"value":"linear_gradient=({color1:'magenta',percent1:0,\n color2:'orange',percent2:33,\n color3:'cyan',percent3:67,\n color4:'purple',percent4:100})","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":230,"value":"md`## canvas`","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":127,"value":"html`

${canvas_text(corpus)}

`","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":125,"value":"function canvas_text(string_array,width=900,height=300,\n font_size_px=20,font_family='Verdana',\n colors=['#33dddd','#3333dd','#dd33dd',\n '#dd3333','#dddd33']) \n{const context=DOM.context2d(width,height);\n context.font=font_size_px+'px '.concat(font_family);\n const gradient=context.createLinearGradient(0,height,width,0);\n for (var i=0; id)\n .attr('x',20).attr('y',(d,i)=>(i+1)*20)\n .style('fill',d3.interpolateTurbo(\n letters.length/corpus.length))}});}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":248,"value":"letter_chart.update(randcorpus)","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":232,"value":"md`## text`","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":99,"value":"corpus=['Have you already set your goals for the New Year?', \n 'Do you want to lose ten kilos, run a marathon or speak fluent English?', \n 'Some experts believe that you need systems, not goals.', \n 'A system is something you do on a regular basis. ',\n 'This means focusing on what you can control (your actions) rather than what you can’t.',\n 'For example, do not focus on losing ten kilos.',\n 'Focus on shopping for healthy food and cooking something light every day.',\n 'Do not focus on the marathon.',\n 'Focus on the training schedule.',\n 'Invent a system to improve your English, one step at a time.',\n 'Good luck!']","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":5,"value":"string=corpus.join(' ')","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":240,"value":"d3=require('d3@6')","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"}],"files":"$W33","stdlib":"1","titling":"auto"}} 32:"$31:body"