He/him. Lifelong teacher and learner. I love talking about exploring all sorts of subjects with computers
Published
Edited
Feb 16, 2021
1 fork
Importers
33 stars
idea` #### What if we kept track of ideas inline?
I don't know about you, but when I'm working with data, new questions come up as I'm solving old ones. I always have a piece of paper on my desk to write down what I want to do next. It can get a little bit unruley, and I can lose my train of thought. I want a way to bookmark questions, future thoughts, and reminders, right in the documents I'm working with. It's sort of like a meta channel baked right into the doc.
could be neat pattern`
problem`#### Uh oh, I don't know what to do about...
Let's be honest: problems happen. Sometimes it's nice to have a place to bookmark a tricky issue you're diagnosing, or a problem with underlying data.`
problem.closed`#### Thank goodness we also solve problems
Once the issue is resolved, append \`.closed\` to the template literal. That will mark the issue as resolved. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque a ornare leo. Suspendisse convallis leo at nibh fermentum tincidunt vel sit amet libero. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque augue quam, convallis nec eros eu, sagittis lacinia nulla. Cras congue magna quis posuere tristique. In at lectus arcu. Curabitur quis sollicitudin augue, vel porta purus. Morbi orci turpis, pharetra a laoreet sed, scelerisque quis dui. Proin viverra rutrum posuere. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae; Praesent ut est arcu. Suspendisse potenti. Sed dignissim massa eget mauris consequat bibendum.`
conclusion`#### This can be a really nice way to express semantic notes inside a notebook with close proximity to data.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque augue quam, convallis nec eros eu, sagittis lacinia nulla. Cras congue magna quis posuere tristique. In at lectus arcu. Curabitur quis sollicitudin augue, vel porta purus. Morbi orci turpis, pharetra a laoreet sed, scelerisque quis dui. Proin viverra rutrum posuere. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae; Praesent ut est arcu. Suspendisse potenti. Sed dignissim massa eget mauris consequat bibendum.`
question`#### Hmm, I wonder what would happen if we looked at it sideways
Sometimes you have half finished thoughts that need to find a home. It can be very powerful to colocate your questions with your analysis. It's like writing in the margin of a piece of paper!`
openThoughts()
openThoughts("conclusion")
makeApi = className => {
setupStyle();
const defaultContext = { state: "open" };
function fn(strings, ...expressions) {
const context = this || defaultContext;
return html`<div class="thought-wrapper">
<button class="${className} thought ${context.state}">
<span>${md`${strings.raw}`}</span>
</button>
</div>`;
}
fn.closed = fn.bind({ state: "closed" });
return fn;
}
question = makeApi("question")
_ = require("lodash")
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.
