Published
Edited
Mar 7, 2022
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
posiBar = d3.scaleLinear()
.domain([0,1])
.range([0,100])
Insert cell
Insert cell
colorizePositividad = d3.scaleQuantize()
.domain(d3.extent(data.filter(d=>d.values[1]>60).filter(d=>isFinite(d.ritmo)),d=>d.ritmoPositividad))
.range(["green","orange","#EF7e32","#C02323","#920007"])
Insert cell
posiAxis = d3.axisBottom()
.scale(posiBar);
Insert cell
Insert cell
topId = d3.greatestIndex(data, (a, b) => d3.ascending(a.values[1], b.values[1]))
Insert cell
Insert cell
Insert cell
n = data.columns.length
Insert cell
Insert cell
line = d3.line()
.x((d, i) => x(i))
.y(y)
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
width= 650
Insert cell
height = 600
Insert cell
margin = ({top: 40, right: 100, bottom: 50, left: 10})
Insert cell
import { movingAverage } from "@d3/moving-average"
Insert cell
padding = 3
Insert cell
import {legend} from "@d3/color-legend"

Insert cell
import {rangeSlider} from '@mootari/range-slider'

Insert cell
esp2 = d3.timeFormatDefaultLocale(espTime)
Insert cell
espTime = d3.json(
"https://raw.githubusercontent.com/d3/d3-time-format/master/locale/es-ES.json"
)
Insert cell
import {Scrubber} from "@mbostock/scrubber"
Insert cell
import {Toggle, Range} from "@observablehq/inputs"

Insert cell
d3 = require("d3@6")
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