A collection of visualization widgets and inputs to create larger visual analytics applications

John Alexis Guerra Gómez

Reusable and Reactive Visualization Widgets or Components

Search Checkbox 🔎☑

Faceted Search

Choropleth Map

Multi Auto Select

Scented Checkbox

Navio

Vega Selected

Persist Input

Vega crossfilter

SpaceTree

Tree, Value

Collapsible Tree

Tree, Tidy fit to Height

Zoomable Variable Size Icicle

Visualize ERD SQLITE3 (WIP)

Conditional Show

Brushable ScatterPlot (Reactive Widget)

Force Directed Reactive Widget

Image Loader

Throttle

Brushable Histogram

Input Number

On Click Button

Cached Widget

Persistent Table

Reactive Widgets and Inputs

Checkout what the Observable Ambassadors have been working on! Learn more about the program at observablehq.com/ambassadors

Observable

Ambassadors Showcase

The instructions for observable are not working :)
I used import { navio } from "@john-guerra/navio"

Now the second line is not working (the "navio" symbol in navio-load seems to be closer to navio_npm, ie expecting a div as first argument, not the dataset as the navio symbol in this notebook). Anyhow, this is a gem and I wonder why it took me so long to discover it!

Darn so sorry about that. I'm in the middle of a moving back to California and my head is in many places. For observable you should be loading from this notebook. 

Originally I was advising people to use directly the npm module that takes 3 lines to get it working, but then I realized that all could be done with just one line here.

I'm really glad you liked it, please let me know if you have any feedback. I have many bugs that I need to fix, some of which probably will be easy fixes with the new event handling in d3@6. Just need to find the time for it. I also wanna try using arquero as the underlining data structure to see how it goes.

I have been working hard on getting the word out about it. I know I'm biased, but I think navio can be very useful for initial data explorations

Ese sitio de la IEEE ya tienen los papers hasta el 2020

Ariel Aizemberg

Brushing does not seem to work for me when using a touchpad (MacBook M2, Chrome, Firefox and Safari). Only the value at the end of the range gets selected.

Fabian Iwand

Ok, I tried submitting a path Fabian, can you please check if it works for you now? I'm struggling with click/point events on d3@7

IEEE VIS papers 1990-2024 - Main dataset.csv