Discover john-guerra/forceInABox Open Source project

Slides for the W209 Information Visualization course of the Masters in Data Science at UC Berkeley

108

MIDS_W209_Information_Visualization_Slides

A network clustering library for javascript

netClusteringJs

A step by step tutorial on how to do brushing and linking on d3

d3BrushAndLinkingExample

Reveal.js plugin for scrollyteling visualization

revealVizScrollyteling

A step by step tutorial on how to use the d3 v4 forceSimulation system, to create network visualizations using canvas.

d3V4ForceTutorial

vastChallenge2017_example

A D3 Force to avoid nodes from overflowing on a network visualization

US_Elections_Results

Jupyter Notebook

d3-force-boundary

Citation Network of the IEEE Vis papers

visPubNetwork

resultadosPrimeraVuelta2018

An example combining Flask and d3 to load an US map

flask_d3_example

d3ReusableChartExample

Un esfuerzo por abrir los datos de las elecciones Colombianas regionales de 2019

eleccionesColombia2019

navio_jupyter

A Jupyter widget for navio

Jupyter Notebook

meteorMultiplayerBoard

An example of a multiplayer board "game" using Meteor (Just for educational purposes)

twitterFollowersCandidatosColombia

pyragua

A simple python editor

Datos abiertos en formato JSON con los resultados de la Consulta Anticorrupción Colombia 2018

consultaAnticorrupcion2018

ColombiaVisualizationReact

A simple app to explore the MOMA open collection

momaExplorer

Una visualización de los resultados de la eliminatoria Conmebol al mundial Rusia 2018

eliminatoriaConmebolRusia2018

resultadosPlebiscito

Information visualization tool for comparing two trees using numeric values, and created and removed nodes

treeversity

visual-analytics-course

My slides for my visual analytics course

just some hacking on the prices of used cars in Colombia

used-cars-Colombia

A visualization tool to summarize, explore and navigate your data using http://navio.dev

shipyard

A demo on how to implement slack Ouath using node, express, passport and react

node-express-passport-react-oauth-slack

Example Node + Express + Sqlite3 + EJS + Bootstrap app

nodeExpressSqliteEJS_Bikeshare

The slides for my OpenVis 2017 talk

untanglingTheHairball

A simple app for asking random questions to your students

randomGrading

networkVisualizationLessons

A 24 hours long Visual Analytics seminar

visualAnalytics_24hours

Una visualización de los resultados de las elecciones Colombianas para la segunda vuelta

resultadosSegundaVuelta2018

A basic example on how to connect to a local Mongo instance from Observable running a basic node + express server

Observable-Local-Mongo-Node

Meteor + Twitter Streamer

twitterStreamerMeteor

Presupuesto General de la Nación de Colombia: un intento de abrir los datos en formato csv

presupuestoColombia

d3-react-bar-chart-hierarchy

D3 Bar chart hierarchy with react

A simple demo application on how to combine node + express + sqlite + EJS

nodeExpressSqliteEJS_2

EJS

nodeExpressMongoES6_promptStorer

A basic demo application of a prompt storer using Node Express Mongo ES6 modules and client side rendering with AJAX. Made for my webdev class

An example built in PDP class of a Prompt Manager using React classes

dummy-prompt-storer-oop

Lectures of my spring 2017 web development class at los Andes University

webDevelopment_spring2017

A small set of scripts for exploring tweets

twitterDump

A very simple chat app we coded during my Web Dev Class

meteor-simple-chat

Sample application using express generator and create react app

node_express_react

prompt-storer-vite

A very basic example demonstrating two ways to connect D3 and React

d3-react

Un par de archivos JSON con las frecuencias de buses de Transmilenio SITP

frecuencias_transmilenio

A talk on how the real objective of big data is to discover insights, more than to have large data per se

questForInsights

A very simple example created in my class for demonstrating how to connect Flask + Sqlite3 and D3 for building a dynamic tree

flask-d3-treemap

bumpChart

a bump chart in d3

A basic example of how to upload images from React to S3 using express and mongo

express-mongo-react-s3

Visualización Storytelling de los resultados de la segunda Vuelta Presidencial 2022

pythonClasses

Jupyter Notebook

resultadosSegundaVuelta2022_historia

webDevelopmentSlides

colombianSenateVotingPatterns

Basic example of Node Express React and Passport-Local

nodeExpressReactPassportLocal

A basic example with server side rendering and AJAX connecting Node Express Mongo and EJS

nodeExpressEJSMongo

A simple example connecting node + express + react with bootstrap and fake pagination

nodeExpressReactBootstrapPagination

A sime node express example

nodeExpressExample

Datos abiertos de las leyes del senado de la república de Colombia desde los 90s

datatonSenadoColombia

basicFlaskD3

A basic example of a node + Express + Mongo setup

nodeExpressMongo

A basic demo on how to combine react with node-express using vite and express generator but with es6 modules

nodeExpressReactMongoVite_photoSharing