Full-stack data visualizer.
That means I enjoy doing everything, from raw data to revealing & pretty interactive data visualizations.
bubble_texture_orange = {
const svg = d3.create("svg")
.attr("viewBox", [0,0, width, 900])
.style('background-color', '#fff')
// apply textures
var t1 = textures.lines()
.orientation("vertical", "horizontal")
.size(4)
.strokeWidth(2)
.shapeRendering("crispEdges")
.stroke("#7DB8CA");
svg.call(t1);
var t2 = textures.circles()
.size(18)
.radius(1)
.fill("#102D23")
svg.call(t2);
svg.append("rect")
.attr("x", 0)
.attr("y", 0)
.attr("width", 200)
.attr("height", 200)
.attr("fill", t1.url());
svg.append("rect")
.attr("x", 400)
.attr("y", 0)
.attr("width", 375)
.attr("height", 812)
.attr("fill", t2.url());
return svg.node()
}
d3 = require("d3@5", "d3-array@2")
textures = require('https://bundle.run/textures@1.2.2')
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.
