Published
Edited
Mar 3, 2020
Importers
1 star
Insert cell
md`# Compare Code

Side by side code compare.`
Insert cell
compareCode = (
pythonTextMarkdown,
jsTextMarkdown,
pythonCodeMarkdown,
jsCodeMarkdown
) => {
return html`
<div style="display: flex; flex-direction: column;">
<div style="display: flex; flex-direction: row; justify-content: center;">
<div>${pythonTextMarkdown}</div>
<div style="padding-left: 20px;">${jsTextMarkdown}</div>
</div>
<div style="display: flex; flex-direction: row; justify-content: center;">
<div>${pythonCodeMarkdown}</div>
<div style="padding-left: 40px;">${jsCodeMarkdown}</div>
</div>
</div>`;
}
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