Public
Edited
May 22
Paused
Insert cell
Insert cell
Insert cell
colabShortcode = dot`digraph "" {
node [fontname="var(--sans-serif)" fontsize=12 shape=box];
edge [fontname="var(--sans-serif)" fontsize=12];
"IPYNB" [shape=folder label="IPYNB File"];
"Page_Content" [shape=folder label="Page Content"];
"IPYNB2Web" [shape=diamond label="IPYNB to Web"];
"IPYNB" -> "IPYNB2Web";
"IPYNB2Web" -> "Page_Content";
}`;

Insert cell
Insert cell
dict = {
return {
"ipynb": "1. The notebook file serves as the source of content.",
"page_content": "2. Prepared content generated from the notebook.",
"website/blogposts": "3. The final website or blogposts displaying the content.",
"ipynb2web": "4. The process or tool for converting IPYNB to web-ready HTML.",
"templateengine": "5. A template engine used to style and format the final output."
};
}

Insert cell
vswp = displayGraph(colabShortcode, dict)
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