Public
Edited
Jan 17, 2024
Importers
COLOR_RANGE = [
d3.rgb(26, 152, 80),
d3.rgb(145, 207, 96),
d3.rgb(217, 239, 139),
d3.rgb(254, 224, 139),
d3.rgb(252, 141, 89),
d3.rgb(215, 48, 39)
]
tgmColors = COLOR_RANGE.map((d) => d.toString())
tgmColorInterpolator = (max) => {
return d3.scaleQuantize().domain([0, max]).range(tgmColors);
}
divingDeeper(
[
{
slug: "custom-colors-with-isochrone-polygons",
thumbnail:
"bf9bbfeed7c76485ec7aff985a3c22f82189a3bec13011d7f4fef827417fca38",
title: "Custom Colors with Isochrone Polygons",
update_time: "2022-04-21T12:54:41.424Z",
likes: 0,
owner: {
name: "Targomo",
login: "targomo",
avatar_url:
"https://avatars.observableusercontent.com/avatar/39645f1242d4403a667e1c0e54a0d6755d36418f30088e89a9c65e6f84f9a3bf"
}
}
],
"Let' see some more stuff about isochrones"
)
divingDeeper = (extras, subtitle) => {
return md`<br>
## Diving Even Deeper
${
subtitle ||
"Here are some more specific explorations into applications of the Places API"
}
${teaserList(extras)}`;
}
resourcesSpacer = md`<br><br><br><br>
## General utilities used for the examples
Most of what you'll find here is similar to how you'd do it outside of [observable](https://observablehq.com), but there are several differences... Refer to our [developer resources](https://targomo.com/developers/documentation/javascript/) for a more direct path!`
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.
