Network Data VisualizationBrainBrowser - Volume ViewerBrainBrowser - Volume Viewer ColoredSimple stacked bar chartUS Map - State Grid - Metro transitions on canvasBumpy EarthHeatmap GridScatterPlotD3 V7 Org Chart - last updated at 2022 AugD3 v6 force graph with natural drag attractionCollapsible radial dendrogramSimple d3.v6 TimelinePolygon Over MapboxSingle row bar with labelsArea & Line chartData driven range sliderThree.js - wooden bar chartd3.v5 Org Chart - last updated at Jun 20223D Pie Chart 😈GDP SimulationInchlibData driven range slidersdeck.gl Country Layers3D bar chart portclx. porting 3D Scatter Plot Using three.jsclx. Porting spherical coordinatesPorting 3d-force-graph rotation examplePorting d3-3d scatterplot exampleclx. Spinnable planetsPopulation density in Georgiaclx. deck.gl GeoJsonLayer ExampleRealty Property Transactions in Georgiaclx. Deckgl HexagonLayerEmigration - Georgia (Country)3d Area chart - three.jsD3 + Rough + Indie Flower
BrainBrowser - Surface Viewer
brainBrowserHtml = html`
<div class="brainBrowserWrapper" style="width:500px;height:500px" id="brainBrowserWrapper"></div>
`
BrainBrowserSetup = {
brainBrowserHtml;
BrainBrowser.config.set("worker_dir", " https://brainbrowser.cbrain.mcgill.ca/js/brainbrowser/workers//");
BrainBrowser.SurfaceViewer.start("brainBrowserWrapper", function(viewer) {
//Add an event listener.
viewer.addEventListener("displaymodel", function() {
console.log("We have a model!");
});
// Start rendering the scene.
viewer.render();
// Load a model into the scene.
viewer.loadModelFromURL("https://brainbrowser.cbrain.mcgill.ca/models/realct.obj");
})
}
BrainBrowserScript = requireScript('https://brainbrowser.cbrain.mcgill.ca/js/brainbrowser/brainbrowser.surface-viewer.min.js','BrainBrowser')
BrainBrowser = {
BrainBrowserScript;
return window.BrainBrowser;
}
import {requireScript} from "@bumbeishvili/fetcher"
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.
