Public
Edited
Oct 19, 2023
Insert cell
Insert cell
chart = {
const container = d3.create("div").attr("class", "container");

container
.selectAll(".seriesG")
.data(test)
.join("g")
.classed("seriesG", true)
.attr("id", function (d) {
return d.id;
})
.attr("transform", function (d, i) {
return `translate(675 ${i * 11})`;
});

container.selectAll(".seriesG").each(function (d, i) {
d3.select(this)
.selectAll(".images")
.data(test)
.join("img")
.attr("src", function (d) {
return d.thumbnail_display_urls.medium;
})
.attr("padding", "0")
.attr("margin", "0")
.attr("width", function (d, i) {
return 10;
return 60 - 50 * i;
})
.attr("height", 10)
.attr("y", function (d, i) {
return 0 + 4 * i - (i * i) / 10;
});
});

return container.node();
}
Insert cell
test = result.slice(0, 50);
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
import {queryAll} from "@sinanatra/refa-download-items"
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