31:Ta71,css = html` `32:T509,### In-Line Markdown Commenting: Call-Outs I like this feature from Notion where you can make "call-outs" that isolate some text into a stylized box. This function carries that over here. To execute this in practice, you need to take advantage of Observable's ability to inject JavaScript directly into Markdown. Here's an example: ``` This is the end of some text paragraph.

This is an example of some text in a call-out. Don't forget to wrap the text content inside a paragraph tag.

This is the beginning of the next paragraph... ``` To get additional functionality such as URLs and bolded text, it's best if you use HTML-esque tagging such as ```` for links. Here's an example:

This is an example of some text in a call-out. For links, follow Markdown procedures this Github Repository. If that fails, then use conventional HTML tags. Don't forget to wrap the text content inside a paragraph tag.

to use this inside of a notebook, make sure you import it as shown below. Make sure, if you haven't, to also import `css` above. ``` import { css, comment } from '@rk2546/infovis-cse-styling'; ```33:[] 2f:{"title":"CS-GY 6313-B - Information Visualization: Backend Packages","cells":[{"id":1,"value":"# CS-GY 6313-B - Information Visualization: Backend Packages","pinned":false,"hidden":false,"mode":"md"},{"id":9,"value":"## Vega-Lite Imports\n\nObservable has switched to version 2.0. In this transition, a lot of old code has been broken. Namely, previous methods to fully import Vega-Lite into Observable Notebooks V2.0 no longer work and will generate errors.\n\nTo solve this, we have created a custom wrapper to aid in this process. Whenever you need Vega-Lite, you NEED to call THIS version of Vega-Lite below. To do so, include this somewhere in your Observable notebook:\n\n```\nimport { vl } from '@rk2546/infovis-cse-backend';\n```","pinned":false,"hidden":false,"mode":"md"},{"id":10,"value":"vlapi = import(\"https://cdn.jsdelivr.net/npm/vega-lite-api@5/+esm\")","pinned":false,"hidden":false,"mode":"ojs"},{"id":11,"value":"vega = import(\"https://cdn.jsdelivr.net/npm/vega@5/+esm\")","pinned":false,"hidden":false,"mode":"ojs"},{"id":12,"value":"vegaLite = import(\"https://cdn.jsdelivr.net/npm/vega-lite@5/+esm\")","pinned":false,"hidden":false,"mode":"ojs"},{"id":13,"value":"vl = vlapi.register(vega, vegaLite)","pinned":true,"hidden":false,"mode":"ojs"},{"id":2,"value":"## CSS Styling\n\nIn order to use custom CSS in Observable notebooks, we need to define it in HTML using the ``