Published
Edited
Apr 25, 2021
Importers
1 star
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
recipes=d3.csv("https://raw.githubusercontent.com/DoTorr/UCF/main/recipes.csv",d3.autoType)
Insert cell
FileAttachment("recipes_subset@2.csv").url()
Insert cell
file=FileAttachment("recipes_subset@2.csv").url()
Insert cell
Insert cell
Insert cell
Insert cell
topCategories = recipesGroupedByCategory.filter(d=>d.values.length>1000)
Insert cell
sweetCats = new Set(["Dessert","Bar Cookie","Drop Cookies","Pie","Candy","Frozen Desserts","Scones","Tarts"])
Insert cell
sweets=recipesGroupedByCategory.filter(d=>sweetCats.has(d.key))
Insert cell
savory = recipesGroupedByCategory.filter(d=>!sweetCats.has(d.key))
Insert cell
Insert cell
Insert cell
Insert cell
cleanedRecipes_frac=_und.sample(cleanedRecipes,frac*cleanedRecipes.length)
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
d3 = require("d3@6")
Insert cell
Plotly = require("https://cdn.plot.ly/plotly-latest.min.js")
Insert cell
import { radio, select, slider,text } from "@jashkenas/inputs"
Insert cell
import {group} from "@bumbeishvili/utils"
Insert cell
import { table } from "@gampleman/table"
Insert cell
_und = require('underscore');
Insert cell
import { columns } from "@bcardiff/observable-columns"
Insert cell
import {pairplot} from '@chrispahm/plotting-pairwise-relationships-in-a-dataset'
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