Introduction to imports / Observable

The end-to-end solution for building and hosting better data apps, dashboards, and reports.

Unlisted

Edited

Jan 30, 2023

16 forks

Importers

132 stars

import {ramp} from "@mbostock/color-ramp"

ramp(t => `hsl(${t * 360}, 100%, 50%)`)

import {map} from "@d3/interrupted-sinu-mollweide"

map

import {chart as treemap}

with {treemap_data as data}

from "@d3/treemap@164"

treemap

treemap_data = FileAttachment("d3.json").json()

import {chart as histogram}

with {histogram_data as data}

from "@d3/histogram@261"

histogram

histogram_data = new Array(10000).fill().map(() => randb(...alphabeta))

import {interval} from "@observablehq/firstcontactcountdown"

interval

// i

import {i} from "@observablehq/generator-cells-functions-and-objects"

import {map as map2} from "@d3/interrupted-sinu-mollweide"

map === map2

import {functionFromUnlistedNotebook} from "00ff3ac693572256"

functionFromUnlistedNotebook

expressionName = 8

blockName = { return 80; }

function functionName() {return 800;}

class className {}

Experiment and prototype by building visualizations in live JavaScript notebooks. Collaborate with your team and decide which concepts to build out.

Use Observable Framework to build data apps locally. Use data loaders to build in any language or library, including Python, SQL, and R.

Seamlessly deploy to Observable. Test before you ship, use automatic deploy-on-commit, and ensure your projects are always up-to-date.