The avatar for @lopsae
Maic López Sáenz
Public
RAC Tutorials
Edited
Oct 25, 2023
Paused
1 star
RAC Tutorials
RAC Tutorials Home
RAC Tutorial One - Base DrawablesRAC Tutorial Two - Complex DrawablesRAC Tutorial Three - StylesRAC Tutorial Prototype Four (Controls)
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
example(heights.medium, (rac, shared) => {
let center = rac.Point.canvasCenter()
rac.Stroke(8).apply() // make all following strokes thicker

let originColor = shared.palette.polishedPine
let targetColor = shared.palette.pumpkin

let totalRays = 40
for (let index = 0; index <= totalRays; index++) {
let ratio = index/totalRays

let color = originColor.linearTransition(ratio, targetColor)
let angle = ratio * 0.88 + 0.06 + 0.25
center.ray(angle)
.translateToDistance(20)
.draw(color.stroke())
}
rac.Point.zero.text('Example with shared styles')
.withPaddings(10)
.draw(shared.markText)
})
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
Insert cell
Insert cell
Insert cell
Insert cell
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