Computer Graphics & Visualization @ufrj.br
37-75Introdução ao SVGIntrodução ao HtmlIntrodução às Cascading StyleSheets (CSS)SVG Dinâmico com D3Usando arquivos SVGSorteando com probabilidades dadasHexagonal hierarchical cartogram for BrazilCategorical TreemapCoral Vivo Diorama v3Mapa do Brasil com Vega-LiteCategorical data visualization with t-SNEHierarchical Square PackingPhoto gallery with lensMapa de bairros do Rio com Vega-LiteMapa coroplético e cartograma Dorling de população dos municípios brasileirosDeformation with RBFsLane-Riesenfeld subdivision
Encapsulando um input
md`# Encapsulando um input`
viewof a = html`<input type=checkbox checked />`
a
md`O Checkbox abaixo _nao_ funciona como esperado pois esta dentro de um div `
viewof b = html`<div><input type=checkbox checked /> b </div>`
b
viewof c = {
let input = html`<input type=checkbox checked />`;
let div = html`<div> ${input} c </div>`;
div.value = input.checked;
input.oninput = () => {
div.value = input.checked;
div.dispatchEvent(new CustomEvent('input'))
}
return div;
}
c
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.
