Public
Edited
Apr 2
12 forks
<svg width="100" height="100">
<g transform="translate(50, 50)">
<circle r="50" fill="steelblue"/>
<text fill="white" font-size="50" dominant-baseline="middle" text-anchor="middle">vis</text>
</g>
</svg>
// tu código 1
segments = [ //1
{ x1: 5, y1: 5, x2: 5, y2: 95 },
{ x1: 45, y1: 5, x2: 45, y2: 95 },
{ x1: 5, y1: 95, x2: 45, y2: 95 },
{ x1: 60, y1: 5, x2: 100, y2: 5 },
{ x1: 80, y1: 5, x2: 80, y2: 95 },
{ x1: 115, y1: 5, x2: 115, y2: 95 },
{ x1: 115, y1: 5, x2: 145, y2: 5 },
{ x1: 115, y1: 50, x2: 140, y2: 50 },
{ x1: 115, y1: 95, x2: 145, y2: 95 },
{ x1: 160, y1: 5, x2: 190, y2: 5 },
{ x1: 160, y1: 5, x2: 160, y2: 95 },
{ x1: 160, y1: 95, x2: 190, y2: 95 },
];
{
const svg = d3.create('svg')
.attr('width', 200)
.attr('height', 100);
//código
}
iris = require('@observablehq/iris')
iris
Type Table, then Shift-Enter. Ctrl-space for more options.
widthIris = 400
heightIris = 400
sepalWidthMin = null
sepalWidthMax = null
xIris = d3.scaleLinear()
.domain()
.range()
sepalLengthtMin = null
sepalLengthMax =null
yIris = d3.scaleLinear()
.domain()
.range()
species = null
colorIris = d3.scaleOrdinal()
.domain()
.range()
//Código aqui 3 puntos
scatterplot = {
}
margin={ return{top:50, right:120, bottom:50, left:120}};
//d3.axisBottom y d3.axisLeft
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.
