johnguerra.co Open in urlscan Pro
52.72.1.28  Public Scan

Form analysis
2 forms found in the DOM

<form class="oi-3a86ea">
  <label for="oi-3a86ea-1">Min Likes</label>
  <div class="oi-3a86ea-input">
    <input type="number" min="0" max="49" step="1" name="number" required="" id="oi-3a86ea-1"><input type="range" min="0" max="49" step="1" name="range">
  </div>
</form>

<form class="oi-3a86ea">
  <label for="oi-3a86ea-2">Min views</label>
  <div class="oi-3a86ea-input">
    <input type="number" min="0" max="70506" step="1" name="number" required="" id="oi-3a86ea-2"><input type="range" min="0" max="70506" step="1" name="range">
  </div>
</form>

Text Content

JOHN ALEXIS
GUERRA GÓMEZ

I do Visual Analytics, i.e., I include the user in the big data analysis/science
loop.

john.guerra[~at~]gmail.com
johnguerra.co
PDF Version
Follow @duto_guerra
Resume | Full CV
Experience | Achievements | Projects | Papers | Photos | Classes | Students


IN A NUTSHELL

Information Visualization Researcher and Engineer. I help people extract
insights from their data using interactive infovis and data science. PhD in
Computer Science, Associate Teaching Professor at Northeastern University Bay
Area. I conduct research on Visual Analytics, Accessibility, Big data, Human
Computer Interaction and Web Development. Formerly at UCBerkeley, Uniandes
Colombia, Yahoo Labs, Xerox PARC and DUTO .

EXPERIENCE

 * 10 years as a researcher in Information Visualization. Portfolio
 * 17 years as a full stack engineer
 * 11 years on teaching at university level
 * 30+ research publications at major conferences such as CHI, IEEEVIS, AVI,
   Assets and TRB.
 * Part of the Program Committee of IEEEVIS 2020/21, toCHI 2016, Creativity and
   Cognition 2017/2018/2019, Graph Drawing 2017. Reviewer for CHI, IEEEVIS, AVI,
   EuroVis and UIST, and many more.
 * 15 years as public speaker, e.g. Openvis2017, TEDx, Singularity University
   Summit Colombia 2018, Ruta de la Ciencia Colombia 2016, CX Summit Colombia,
   Halliburton's STEPS Distinguished Lecture series on Big Data in Exploration
   and Production 2018
 * Entrepreneur co-founder of DUTO, KebSolutions, Tweetometro.co and BTactile,
   with more than 10 international entrepreneurship awards


MY SKILLS


THE TOOLS AND TECHNIQUES I USE


EXPERIENCE AND EDUCATION

LecturerPhDPARCYahoo LabsUniandesBerkeleyCo-founder/CTO DUTOOther
projectsBTactileNortheastern U.2006200820102012201420162018202020222024
08/2020 to Present
Associate Teaching Professor
 * Conducting research in information visualization and accesibility.
 * Teaching: Web Development, Database Management Systems and Information
   Visualization.

--------------------------------------------------------------------------------

06/2016 to 06/2020
Assistant Professor (Tenure Track)
 * Conducted research in large dataviz, network visualization and photo
   visualization and accessibility, with the help of great students.
 * Redesigned and taught the Visual Analytics (Fall '18, Fall '17, Fall '16) and
   Web Development classes (Fall '18, Spring '18, Spring '17, Fall '17).

--------------------------------------------------------------------------------

01/2017 to 06/2020
Remote Lecturer and Course Coordinator
 * Course co-designer, course coordinator, and remote lecturer at Berkeley's
   online Master in Data Science. Teaching W209 Data Communication and
   Visualization.
 * Completely redesigned the course materials to include the Visual Analytics
   theory fundamentals, and D3, Vega-Lite, and Tableau Practice. In
   collaboration with Andy Reagan
 * Published a series of videos on how to go from Visualization theory to
   practice
 * Student projects: Summer 2020, Spring 2020, Fall 2019, Fall 2018, Spring
   2018, Summer 2017, Fall 2017.

--------------------------------------------------------------------------------

01/2015 to 04/2016
Postdoctoral Researcher
 * Explored information visualization interfaces for navigating big repositories
   of photos.
 * Helped redesign Flickr stats.
 * Developed and deployed a visualization for better exploring the
   organizational units that is being used company wide.
 * Modified Flickr code to add a new photo navigation visualization.
 * Four papers accepted in two major conferences (CHI2016 and AVI2016).
 * Created visual analytics for dozens of complex Yahoo datasets.

--------------------------------------------------------------------------------

05/2013 to 12/2014
Research Scientist
 * Created Network Explorer a visual network analytics tool to explore hundreds
   of thousands of nodes, which was implemented, among others, in a Fraud, Waste
   and Abuse solution from Xerox and is being used for detecting fraud in Health
   Care networks.
 * Constructed several dashboards using Tableau.
 * Developed and integrated several other time-based and text based
   visualizations in 3 different products.

--------------------------------------------------------------------------------

Inventor, Entrepreneur, Speaker
 * Co-founded and developed BTactile a platform to index 5000 tactile graphics
   for the blind from all over the world using Meteor.js and React.
 * OpenVis 2017 Speaker with Untangling the Hairball, slides.
 * Creator of open source software: RevealVizScroll, force-in-a-box,
   netClustering.js, navio.
 * Co-creator of tweetometro.co a platform to monitor Twitter activity for the
   Colombian presidential election.
   
   

--------------------------------------------------------------------------------

08/2008 to 04/2013
PhD Student, RA and TA.
 * PhD and MSc in Computer Science under the supervision of Dr. Ben Shneiderman
   and Dr. Catherine Plaisant at the University of Maryland (2013).
 * Created the StemView a visualization technique that represents 5
   characteristics of change in trees.
 * Created the Bullet a visualization glyph that represents 4 characteristics of
   change in trees.
 * Implemented TreeVersity2 a visual analytics web application to explore change
   in datasets over time.
 * Implemented TreeVersity a visual analytics desktop application to compare
   changes between two trees.
 * Conducted 13 case studies with 9 domain experts to validate TreeVersity and
   TreeVersity2.

--------------------------------------------------------------------------------

01/2005 to 01/2008
Full Time Lecturer
 * Winner of the Fulbright Science and Technology scholarship (40 people awarded
   in the world yearly).
 * Lecturer in a wide range of undergrad courses from Programming to Distributed
   Systems.

--------------------------------------------------------------------------------

06/2003 to 06/2013
Co-founder and CTO
 * Co-founder of DUTO and Co-creator of IRIS a system that allows blind students
   to see with their hands.
 * CTO and responsible of all the software development in the company.
 * Winner of more than 10 international entrepreneurship awards.

Imports and exportstradeflowMySocialTreeVIZ EcologyAutoAlbumData To
InsightsScrollyteling the most influential accounts of CHI2019MLExplorer:
Interactive TSNE and Kmeans with your data, with Fabián PeñaLoad your own data
on NavioNavio: a Visualization widget for large tabular dataAre the Colombian
Parties pro or anti governement? With Juan Castro Varón (Partidos políticos en
Colombia: ¿gobernistas o antigobernistas?)Colored Weavy TreemapsDC.js
TutorialColombian National Education Test results (Resultados Pruebas Saber 11
Colombia)consultaStoryColombian Election StorytellingColombian Presidential
Election Second RoundColombian Presidential Election First RoundNavio: Colombian
Senate Navio: Moma ExplorerInstaTreemaprevealVizScrollW209 Fall 2017 Final
ProjectsResearch AgendaBeyond the Photo StreamCrowdMovementUntangling the
networkTwitter InfluentialsbtactileFlickr's best 2015 photos by geoflickrstats
MobileFlickr Posting timesPhoto RingflickrstatsPhoto RankingGood Practices for
Visual Analytics Teachingbens_networkphototreemapFlickr
Popularnetwork_explorerlifeflowforceinaboxtweetometrosteamgraphphotorankingtreeversity2treeversitywholikesmyfbUsed
Cars ColombiairisHow to make a network visualization with VegaD3 Parallel
SetsFlickr RainbowA day in the life using force in a boxForce in a Box
Observable NotebookFinal Projects Visual Analytics Fall 2018 UniandesIEEEVIS2018
TweetsMapa resultados plebiscitoSan Francisco Muni MapCar depreciations in
Colombia (2016 data)LikertScales in d3Students vizOpenVis 2017 TalkWorld Cup
EliminatoryColombian Peace Agreement resultsUS Elections results 2012Blo.cks
with force in a BoxTowards reusable charts d3 v4 tutorialD3 Brush and Linking
TutorialSVG vs CanvasD3 Canvas with zoom and panningD3 Force Boundary
NotebookVeltman's Force Labeling on Colombian shapesNetViz Lessons
learnedNetClusteringJSVertical Hierarchichal Bundling2019 Colombian Elections
notebookA basic implementation of LineUP


THINGS I HAVE BUILT

NAVIO

A visualization widget that you can use to explore large data


BTACTILE

A search engine for tactile images for the blind.


TWEETOMETRO

Twitter monitor and analyzer for different topics


PHOTOTREEMAP

Representing groups of photos with numeric attributes. Work in progress, pending
publication.


NETWORK EXPLORER

Visual analytics tool for understanding large networks. Pending publication.


TREEVERSITY V2

Visualizing five dimensions of change in a dataset changing over time using
hierarchies


TREEVERSITY V1

Comparing changes between trees on structure and node values.


LIFEFLOW

A visual analytics tool for temporal categorical data. Helped developing the
comparison modules as part of a broader project.


IRIS

A system to allow blind children to see colors and shapes with their hands


289 OBSERVABLE NOTEBOOKS FOR A TOTAL 1287 S

Jan2018AprJulOctJan2019AprJulOctJan2020AprJulOctJan2021AprJulOctJan2022AprJulOctJan2023AprJulOctJan2024Force
in a BoxUMAP playgroundD3 Force BoundaryTry D3 Tree VisualizationsObservable
IEEEVIS 2021 tutorial: Quick and Effective Visualization Prototyping
with…Vega-Lite API Selection MethodsD3 data binding v3 to v5d3.stack with
d3.groupMulti Auto SelectMeta Segment AnythingMarks and Channels in D3Mapbox
D3Relative centering forceSearch Checkbox 🔎☑SpaceTreeLineUpSQL Query
VisualizerIntro to D3d3.forceRadialNetwork visualization Vega-LiteParallel
SetsNavioIEEEVIS Tweets Network All DataChoose your forcesVega crossfilter2022
US Senate Voting ResultsVega-Lite-API Layer + FacetTree, ValueNavio LoadD3
Likert ScaleZoomable Variable Size IciclePlot Isotype dot plotAirtableAgenda del
D3 Meetup en EspañolSmart Labelsd3.stack with d3.nestD3 Network Visualization
PlaygroundForce-Directed Graph with Link HighlightingExplore your Twitter
ArchiveLoad Summary TableResultados de las Elecciones Presidenciales en Bogotá
2022 por Puestos de VotaciónCSV to Markdown TableD3 Reusable Chart PatternNavio
vs Scatterplot MatrixVega-Lite Interactive LegendSave Modified SQLite
fileRequire npm module from local fileTable 2 TreeBenchmark Filtering
Performance of In-Browser Data Processing Libraries v1.0Custom Cluster Force
Layout using Force in a BoxTweets NetworkSpatial data aggregationForce Edge
BundlingForce-Directed GraphD3 Zoomable TreemapStevens's power law
shorterIEEEVIS 2020 PapersVisual saliencyTreemap from tablePersist InputTopoJSON
Simplifier and Filter attributesd3.geoPath + Canvas + Zoom + PanningGuitar
ImproviserDensity PlotScatterplot Overplottingd3 forceBoundaryMouseOver Chord
DiagramD3 Reusable Brushable Barchart PatternSocrata load multiple pagesMapbox
Vega-Lite¡Usa la (D3) Fuerza!Hierarchical Edge Bundling VerticalData
InputCircles over a circleHierarchical Bar ChartD3 Reusable Brushable
Scatterplot PatternReusable charts d3@4A Day in the Life with forceInABoxMapa
ColombiaSegunda Vuelta Colombia 2018Resultados Primera Vuelta Colombia 2022 por
municipioCS Faculty Hiring NetworkD3 Treemap of circlesTapestryConf 2018 Tweets
networkUS Excess deaths Ridgeline plot vega-lite-apiD3 Reusable Bar Chart
PatternNavio vs Parallel CoordinatesVoronoi Arc MapCollision
DetectionStudentsUpdate Vega-Lite Brush ProgrammaticallyVega-Lite API v5TopoJSON
ColombiaHello, Reorder.jsObservable Plot Streamgraph without categoriesBay Area
Housing Market 2021 - What factors have a greater impact on home…Spike Map of
Colombian Cities by populationHow to add a tooltip in D3Query Planner2022 US
Federal Budget Outlaysreorder.jsClipping ImagesCSV to Markdown TableGeoJson
ColombiaUS grid mapsTreemap from table d3@5Get column names from CSVData
transformation for grouped bar chartsLet's create custom made and interactive
visualizations using D3Publishing and distributing your work outside
ObservableD3 LocaleColombia as a ForceBGP Visualizations Survey PaperMy Tweets'
HashtagsSpike Map ColombiaSorter SelectEvolución Coronavirus en
ColombiaConditional ShowForce-Directed Graph Adjusted to ViewPortScented
CheckboxTrace Image AdvancedFlickr RainbowD3 Force-Directed Graph with force
Boundarybl.ocks to observableMulti Line HighlightChart Template Same
CellCenterline labelingD3 Black Box MapVega-Lite API es-MX LocaleGeoJson
SingapurCanvas Retina DisplayAreas should be stackedD3 Connecting to Google
SheetsSoundFont Player DemoImperative vs DeclarativeDigital Proxemics: Angular
DistancesLearning to think and code in a reactive wayFrom zero to an interactive
and customizable tree visualization in 20 minutesGet Data StatsCoronavirus
Colombia¿Cómo pasa Colombia a la segunda ronda?Multimorbidity patterns for
COVID-19 deaths in ColombiaForce Graph with Edge BundlingTime
SearcherCorrelaciones candidatos primera vuelta Bogotá 2022NU Khoury College
FacultyVega SelectedD3-force-reusetfjs-vis?D3 Sankey DiagramData
TransformationExcess Deaths Associated with COVID-19 in the USTablesObserving
Vega SignalsCovid-19 Confirmed CasesCoronavirus in AfricaScatterplot + BrushSF
Muni SchedulePresupuesto ColombiaHierarchical Bar ChartVega data
viewerTableau'ome paisa editiond3.stack with d3.group (old)Vega-Lite indexCanvas
Semantic ZoomVectorize ImageArrytmiaCKAN load multiple pagesWhat keywords IEEVIS
researchers useVega-Lite APIDigital Proxemics: Distances By GroupI want to make
a rich, interactive, multi faceted visualization, and share it.Let's make a
visualization for my paperExport a cell valueTreemap minSizeCHI 2022
DataUntitledIEEEVIS Tweets networkIEEEVIS 2022 HashtagsPhotogrid with Detailed
ViewAnnotator Design DocumentTreemapPlotly Parallel CoordinatesTree, Tidy fit to
HeightCollapsible TreeGet Common ConnectionsColorAreaRangeYoung women are the
most affected by covid in Colombia right nowMapa Evolución Coronavirus
ColombiaTimeSearcher WidVisualize Your Own Network: Who is linked to who?MINST
NavioD3 Chained TransitionsExample tree datasetsMongoDB LocalQuery
GeneratorIntroductionArquero Filter
Min Likes

Showing 41 out of 289 notebooks
Force in a Box
49
Apr 13 2021
UMAP playground
46
Apr 19 2023
D3 Force Boundary
37
Sep 18 2020
Try D3 Tree Visualizations
36
Oct 18 2021
Observable IEEEVIS 2021 tutorial: Quick and Effective Visualization Prototyping
with…
32
Apr 11 2022
Vega-Lite API Selection Methods
29
Sep 30 2022
D3 data binding v3 to v5
25
Jul 08 2019
d3.stack with d3.group
23
Feb 22 2023
Multi Auto Select
23
Apr 06 2023
Meta Segment Anything
22
Aug 15 2023
Marks and Channels in D3
21
Sep 02 2020
Mapbox D3
21
Jun 16 2022
Relative centering force
20
Apr 06 2021
Search Checkbox 🔎☑
20
Mar 20 2023
SpaceTree
20
Apr 09 2023
LineUp
20
Jul 28 2021
SQL Query Visualizer
18
Apr 14 2022
Intro to D3
17
Aug 06 2019
d3.forceRadial
17
May 25 2019
Network visualization Vega-Lite
17
Apr 01 2022
Parallel Sets
16
Mar 25 2021
Navio
15
Sep 19 2022
IEEEVIS Tweets Network All Data
15
Jul 14 2022
Choose your forces
14
Jul 14 2022
Vega crossfilter
14
Apr 21 2021
2022 US Senate Voting Results
13
May 16 2022
Vega-Lite-API Layer + Facet
13
Sep 30 2022
Tree, Value
13
May 18 2023
Navio Load
13
Jul 19 2023
D3 Likert Scale
12
Aug 28 2020
Zoomable Variable Size Icicle
12
Apr 01 2021
Plot Isotype dot plot
12
Aug 14 2021
Airtable
11
Mar 30 2022
Agenda del D3 Meetup en Español
11
Aug 29 2022
Smart Labels
11
Jul 13 2023
d3.stack with d3.nest
10
Sep 12 2020
D3 Network Visualization Playground
10
Jul 14 2021
Force-Directed Graph with Link Highlighting
10
Apr 07 2021
Explore your Twitter Archive
10
Feb 08 2021
Load Summary Table
10
Jun 22 2021
Resultados de las Elecciones Presidenciales en Bogotá 2022 por Puestos de
Votación
10
Sep 28 2022


163 YOUTUBE VIDEOS FOR A TOTAL 156,291 VIEWS

201320142015201620172018201920202021202220232024Step by step tutorial on how to
create a web dashboard with crossfilter DC.jsStep by step tutorial on how to do
a network visualization using d3 v4 Force SimulationD3 + Crossfilter Brush and
linking tutorialSetting up Sublime Text 3 estlint prettier on Windows 10 for
front end developmentTowards reusable d3 v4 charts from blocksTutorial paso a
paso de cómo crear visualizaciones de redes (grafos) en d3.js v4W209 W1 2
ObservableHQ: From nothing to an interactive tree visualization in 20 minsW209
W1 1 Web Development Basics for VisualizationStep by Step tutorial on how to
make a network visualization with vega-liteConnecting Redis and Mongo through
NodeW209 W1 3 Introduction to D3 with ObservableD3 basics: data binding
explainedComo hacer code reviews en GithubDriving from Las Vegas to Moab,
Stopping in Kolob CanyonsEjemplo introducción a la programación orientada a
objetos en java, empresa telefónica parte 2W209 W9 5 Using Vega-Lite for Maps
and Geographical DataW209 W1 4 Introduction to Vega-Lite for ObservableEjemplo
introducción a la programación orientada a objetos en java, empresa telefónica
parte 1D3.js Meetup en Español, Marzo 2021Ejemplo introducción a la programación
orientada a objetos en java, empresa telefónica parte 5W209 W2 1 Javascript
Fundamentals for Information VisualizationTutorial de ObservableHQ en español:
la mejor herramienta programación reactiva para visualizarW209 W3 4 Setting up
the Vega-lite Javascript API for Observable and beyondEjemplo introducción a la
programación orientada a objetos en java, empresa telefónica parte
4NetworkExplorer AVI DemoDesarrollo Web Uniandes: Los siguientes pasos, lanzando
productosEjemplo introducción a la programación orientada a objetos en java,
empresa telefónica parte 3W209 6 3 D3: Creating a Histogram step by stepW209 W8
1 Visualizing Node-Link Networks with D3 v6 and ObservableW209 W6 6 Creating a
Donut Chart with Vega-Lite APID3.js en Español Meetup Abril 2021W209 W11 1 How
to create a scrolly-telling visualizationW209 W12 1 How to implement
crossfiltering across charts in ObservableW209 W2 2 Introduction to Observable's
not JavascriptW209 W10 2 Animations with the Vega Lite API on ObservableW209 W7
2 How to create a D3 heatmap from scratchDesarrollo Web Uniandes Semana 9 Clase
2 conectando express react y passport-localW209 W1 5 Introduction to TableauW209
W9 2 Visualizing Trees with Vega-Lite APIW209 W2 3 Data files for dataviz: JSON
vs CSVW209 W8 4 Using color in D3A simple example on how to do code reviews
using GithubDesarrollo Web Uniandes Semana 6 Clase 2 Conectando React y Node +
ExpressW209 W8 2 Visualizing Node-Link Networks with Vega-Lite-API, D3 and
ObservableIntroducción al Machine Learning v2Desarrollo Web Uniandes Semana 16
Introducción a Observable y Visualización de Datos con D3W209 W2 4 Array
operations, map, filter, reduce and aboveW209 W6 5 Using D3 for creating a donut
chart step by stepW209 W2 5 Nesting, Pivoting and Folding in JavaScriptW209 W5 3
Vega-Lite API custom chartsDesarrollo Web Uniandes Semana 12 Web Sockets con WS,
node, Express, React y Mongo reactivoLa visualizacion en la ciencia de datos.
Charla UTPTreeVersity2 Changes in the NCI's Lung Cancer Death RatesW209 W3 1
SVG, the building blocks of dataviz on the webW209 W4 1 D3 v6 Selections
explainedVisualizing Change over Time Using Dynamic Hierarchies: TreeVersity2
and the StemViewSpaceTree HCIL DemoW209 6 1 How to use D3 path to generate
lines, areas, shapes and moreW209 W4 3 Translating marks and channels
visualization theory to practice with the Vega-Lite JS APIDesarrollo Web
Uniandes Semana 9 Clase 1 React parte 3W209 W3 4 Setting up D3 for Observable
and local developmentW209 W7 3 Creating temporal visualizations with Vega-Lite
APIDesarrollo Web Uniandes Semana 14 Clase 1 Introducción al Machine Learning y
Pruebas (testing) jestW209 W9 4 Visualizing Geo with D3Visualizing changes in
the US Federal BudgetW209 W8 5 Working with color in Vega-Lite APIW209 W8 3
Network Visualization with Tableau (and D3 + Observable)W209 W4 2 Translating
Marks and Channels visualization theory to practice with D3Desarrollo Web
Uniandes Semana 14 Clase 2 Conceptos básicos de SeguridadCreating a Node +
Express + Sqlite + EJS app from ScratchW209 W7 1 Using D3 with temporal
dataAniverario 20 añosSummarizing data with Navio (Shipyard) vs Pandas, Tableau
and Plot.ly, IDB dataW209 W11 3 Vega-Lite API faceting into multiple viewsNode
Express AJAX Mongo Tutorial part1W209 W2 6 Tableau for Nesting, Folding and
Pivoting DataTweetometro.co: Conceptos básicosW209 W11 2 D3 Faceting
visualizations into multiple viewsW209 6 2 Other scales in D3: scaleSqrt,
scaleTime, scalePoint and moreInformation Visualization Course Intro with John
Alexis Guerra GomezDesarrollo Web Uniandes Semana 10 Clase 1 Diseño
WebDesarrollo Web Uniandes Semana 13 Clase 2 AccesibilidadJohn Alexis Guerra
Gomez Research InterestsW209 W10 1 D3 Transitions and animations in
ObservableW209 4 Tableau: Calculated Fields, Level of Detail (LOD) FunctionsW209
W3 5 Setting up TableauW209 W11 4 Tableau faceting into multiple viewsW209 W9 1
Visualizing Trees with D3 v6 and ObservableW209 W3 2 Introduction to web Canvas
for visualizationW209 W12 2 Filtering attributes and items in JavascriptW209 W4
4 Translating Marks and Channels Visualization theory to practice with
TableauWhoLikesMyFB.com a tool for checking who likes you the most on
FacebookW209 W3 3 Webgl for even more performant data visualizationsW209 W7 4
Visualizing temporal data with TableauW209 W12 3 Tableau Data PreparationW209 W5
1 D3 v6 Data Binding explained using ObservableWeb Development Class Intro with
John Alexis Guerra GomezDesarrollo Web Uniandes Semana 10 Clase 2 Continuación
Diseño WebW209 W9 6 Visualizing Maps with Tableau and MapboxHow to do Code
Reviews in ObservableDesarrollo Web Uniandes Semana 11 Clase 2 Amazon S3 con
ReactW209 W5 2 Towards reusable d3 v6 charts on ObservableDatabase Management
Systems Class intro with John Alexis Guerra GomezW209 W9 3 Visualizing Trees
with Tableau(Broken) Node Express AJAX Mongo Tutorial part 2W209 W6 7 Creating
stacked and radial charts in TableauTweetometro.co: ¿Quién realiza más menciones
en Twitter?Desarrollo Web Uniandes Semana 13 Clase 1 UsabilidadFito Paez, Tumbas
de la Gloria, 31 de Mayo de 2015, San FranciscoW209 6 4 D3 Stack and other
layoutsNavio ieeevis2018 demonstrationPinnacles National ParkTweetometro.co:
¿Qué se está diciendo y por qué?Tweetometro.co: Búsqueda por cualquier
palabraNavio ieeevis2019Web Development Week 12Web Development Class Week
8Bloodborne™ ebrietasW209 W8 6 Working with Color in TableauKadá Coding, Class
2: VariablesBloodborne™_20150606095603Desarrollo Web Uniandes Semana
1VenLabVivoKada Coding, Clase 1: Introducciónnode navigator Visualization widget
for summarizing and navigating dataNavio expert review Congreso VisibleKadá
Coding 12: Conditionals desk testKadá Coding Class 7 ReviewCharla Visual
InsightsCuestión PúblicaLa noticia del añoKadá Coding: Class 15 Mi PajaritoKadá
Coding: Class 20, Uploading to githubThe ChallengeKadá Coding: Class 18, Flappy
Bird Reloaded2020 10Oct 26 Visual Analytics Uniandes charla tecnicaKadá Coding:
Class 11 Conditionals reloadedKadá Coding: Class 19, Filter and
Vega-LIteIntroducción Charla Visual InsightsJohn Baking (almost)Kadá Coding 16:
Reviewing functions and conditionalsUCB MDS 01616 6 16 1 THIRD PARTY
SCREENCAPTURE TABLEAU¿Por qué estudiar computación?Kadá Coding, Class 17:
Reviewing mapKadá Coding Class 10 ConditionalsColombian Risk AnalysisKadá
Coding, class 8: Review, arrow functionsEvolucion Senado NavioKadá Coding Class
5 Arrays and ObjectsSideView feedbackKadá Coding, class 6 functions with objects
reloadedKadá Coding: Class 9, ConditionalsKadá Coding, Class 4 Functions
ReloadedKadá Coding: Class 14 MapSummarizing reviews, How to do researchKadá
Coding 13: More conditionalsKada Coding Clase 3UCB MDS 01616 6 10 1 THIRD PARTY
SCREENCAPTURE D3 PATH
Min views

Showing 15 out of 163 videos
Step by step tutorial on how to create a web dashboard with crossfilter DC.js
70506 views
Apr 11 2017
Step by step tutorial on how to do a network visualization using d3 v4 Force
Simulation
25159 views
Jul 08 2017
D3 + Crossfilter Brush and linking tutorial
7880 views
Jun 27 2017
Setting up Sublime Text 3 estlint prettier on Windows 10 for front end
development
5704 views
Jan 22 2020
Towards reusable d3 v4 charts from blocks
5535 views
Jun 25 2017
Tutorial paso a paso de cómo crear visualizaciones de redes (grafos) en d3.js v4
4163 views
Jul 08 2017
W209 W1 2 ObservableHQ: From nothing to an interactive tree visualization in 20
mins
2115 views
Oct 13 2020
W209 W1 1 Web Development Basics for Visualization
2076 views
Oct 12 2020
Step by Step tutorial on how to make a network visualization with vega-lite
1931 views
Oct 28 2019
Connecting Redis and Mongo through Node
1839 views
Dec 06 2021
W209 W1 3 Introduction to D3 with Observable
1438 views
Jan 22 2021
D3 basics: data binding explained
1404 views
Jan 18 2018
Como hacer code reviews en Github
1217 views
Mar 06 2017
Driving from Las Vegas to Moab, Stopping in Kolob Canyons
1170 views
Dec 02 2015
Ejemplo introducción a la programación orientada a objetos en java, empresa
telefónica parte 2
1093 views
Aug 11 2016





PATENTS AND SOFTWARE

 * 2012 Main author Colombian Software Registration 13-34-484 "IRIS version
   1.0", registered on October 9th 2012.
 * 2011 Main author Colombian Software Registration 13-28-205 "IRIS version
   3.0", registered on March 2nd 2011.
 * 2007 USA Patent application number 20080174566. System for the perception of
   images through touch. Registered in April 2006 (Abandoned).
 * 2006 International patent registration PCT/IB2006/001502 System for the
   perception of images with touch. In process with the WIPO (World Intellectual
   Property Organization) since June 2006.
 * 2006 Colombian "IRIS" Trademark registration, class 9 valid from December
   22nd 2008 through 2018.
 * 2005 Colombian Patent No. 05-037765 "Sistema para la percepción de imágenes
   por medio del tacto por medio de un guante de imanes" (System for the
   perception of images by means of touch using a glove of magnets). Resolution
   18963 of April 5 2011. Authors: María Fernanda Zúñiga Zabala, John Alexis
   Guerra Gómez and Felipe Restrepo Calle


STUDENTS

Here are my current and past research students.
InfoViz
SW Engineering
Biology
Large DataViz
Machine Learning
Politics
Tactile Graphics
Accessibility
Medicine
PhotoViz
Business
Web Development
Databases
Social Impact
Nychol Bazurto msc


VISUAL REGRESSION TESTING FOR INFORMATION VISUALIZATIONS.

SlidesDemo
Testing visualizations and other interactive applications is usually a manual
process. This project presents a framework for automated interactive
visualization testing from a simple to use definition language

--------------------------------------------------------------------------------

Meili Vanegas msc


VISUALIZING BIOLOGICAL SEQUENCE COMPARISON SUMMARIES FOR SEQUENCE ALIGNMENT
ANALYSIS

This project consists in a visualization technique to summarize and compare
single and multi-queries in biological sequence comparisons. After proposing a
taxonomy of existing tools supporting sequence comparison, some analysis tasks
were identified and prioritized according to the untapped work potential and
relevance to the analyst. This project would be tested along with a group of
bioinformaticians.


--------------------------------------------------------------------------------

David Camilo Mera David msc


BEST PRACTICES FOR ARCHITECTING DATA ANALYTICS

Figure out the best practices and techniques to analyze and visualize large
data, by using benchmarking techniques which allow to recomend the best software
tools to develop Data Analytic applications with multi-dimensional, stream and
graph data

--------------------------------------------------------------------------------

Fabian Camilo Peña msc


INTERACTIVE AND INTERPRETABLE MACHINE LEARNING

SlidesDemo
Did you obtain a high-performance for your machine learning model but you are
not able to explain how your black-box model solves that specific task? How can
someone make decisions then? In a similar way, what about if your automatic
model need to be incorporated in an application used by multiple users requiring
interact with the data and the backstage model in real time? It would be a shame
that your powerful model could not be deployed in environments where additional
requirements to high performance need to be meet.


--------------------------------------------------------------------------------

Juan Camilo Ortiz R msc


VISUAL ANALYTICS ARCHITECTURE FOR LARGE TABLE-BASED DATASETS

SlidesDemo
Sampling, summarize and exploration of big datasets to provide the user with a
representative and understandable sample of the data .


--------------------------------------------------------------------------------

Esteban Dalel Rueda undergrad


CONCEJO ABIERTO, OPEN GOVERNMENT DATA IN BOGOTÁ'S COUNCIL

Develop a tool for the Town Hall to keep political control over Bogota's
Council. Automatize processes that are currently done by hand. Make it public
both as a product and as an API.


--------------------------------------------------------------------------------

Felipe Martinez Piazuelo undergrad


ML TO CATEGORIZE AND FIND TACTILE GRAPHICS

SlidesDemo
Develop a tool to help democratize tactile graphics. Using Google Custom Search,
develop a tool capable of searching for images that can be used as tactile
graphics, then develop a machine learning model capable of determining how good
is an image to be used as tactile graphic.


--------------------------------------------------------------------------------

Juan Sebastián Cardona Muñoz undergrad


VISUAL COMPARISON OF GROUPS EXPLAINING A TIME EVENT

SlidesDemo
Why did a hospital get so many re-hospitalizations last month? This project aims
to create a Visual Analytics tool to help users compare populations of the data
to help explain a time event.


--------------------------------------------------------------------------------

Luis Mesa undergrad


EXPLORING TREEMAPS FOR SUMMARIZING AND NAVIGATING IMAGE GALLERIES

SlidesDemo
How can we better represent groups of photos with assosiated numeric values?
This project aims to improve on the phototreemap to release a reusable library
that helps developers summarize group of photos, and navigate their categories


--------------------------------------------------------------------------------

Nicolas Chaves undergrad


ANALYZING NEWS ARTICLES TO ANSWER RESEARCH QUESTIONS

Help researchers analyze several news paper articles using Natural Language
Processing and Visual Analytics

--------------------------------------------------------------------------------

Antonio de la Vega undergrad


CROWD-SOURCED AND LOW COST SOLUTION FOR WEB ACCESSIBILITY

SlidesDemo
Fix web applications accessibility problems without writing any code in a
crowdsourced manner


--------------------------------------------------------------------------------

David Mauricio Delgado Ruiz undergrad


PHOTORING: VISUAL ANALYTICS ARCHITECTURE FOR EXPLORING LARGE REPOSITORIES OF
PHOTOS

SlidesDemo
An efficent architecture for the exploration of big photo datasets to provide
the user with a representative and understandable sample of the data.
Presentation slides here:


--------------------------------------------------------------------------------

Juan Guillermo Murillo Castillo undergrad


SHIPYARD: SUMMARIZING AND NAVIGATING MULTIVARIATE DATA

SlidesDemo
Navigation, summarization and exploration of large repositories of images and
videos in multiple dimensions without losing the context of the data.


--------------------------------------------------------------------------------

Juan José Castro Varón undergrad


ANALYSIS AND VISUALIZATION OF VOTING PATTERNS IN THE COLOMBIAN CONGRESS

A visual analysis and visualization of voting patterns among parties and memers
the Colombian Congress, pro-government and anti-government voting and changes in
patterns over the past 10 years.


--------------------------------------------------------------------------------

Carlos Eduardo González Álvarez undergrad


TACTILED: USING MACHINE LEARNING TO PRODUCE GOOD TACTILE GRAPHICS (A.K.A. IMAGES
FOR THE BLIND)

Tactiled is a tool prepared to test the quality of an image to be used as a
tactile graphic. We want to develop and train a Machine Learning model that
determines the quality of an image that will be transformed to a tactile
graphic, by evaluating the facility for a blind person to understand its content


--------------------------------------------------------------------------------

Lady Jeraldynne Pinzon Capera undergrad


NAUTILUS: VISUALIZATION TOOL COMBINING NAVIO AND VOYAGER LIBRARIES.

Nautilus is an application which offers a fulfilling data exploration and
visualization experience by combining two libraries called Navio and Voyager.
First, Navio is a visualization widget focused in summarizing, exploring and
navigating big datasets. In another hand, Voyager is a data exploration tool
which show to the user multiple graphs and visualization suggestions which
summarize the desired datasets. By combining both libraries, Nautilus is able to
filter the datasets and show the selected data in multiple visualizations by
using Voyager.


--------------------------------------------------------------------------------

Andrés David Laiton Vargas undergrad


NAVIGATION WIDGET FOR LARGE COLLECTION OF FILES

Widget for easily navigation through large collection of files, implemented to
summarize the MoMA artworks.This widget is made to provide an easy-to-use tool
for the user that shows all the information available and summarize it.


--------------------------------------------------------------------------------

David Felipe Sabogal Linares undergrad


IMPROVING SHIPYARD

Shipyard, an easy to use app to the public that allows to explore, summarize and
visualize large multidimensional datasets using Navio visualization widget.
Shipyard is going to be able to visualize datasets without limiting the format
to relational data as Polaris, and is going to be an app that does not require
complex training to use because Navio widget is an easy to learn visualization
technique.


--------------------------------------------------------------------------------

Fabio Andrés López Corredor undergrad


IMPROVING BIOCICLE

This project consists in a visualization technique to summarize and compare
single and multi-queries in biological sequence comparisons. According to the
necessities of the analyst, the functionalities were adapted to fit specifically
protein sequences. The outcome of comparisons was translated to the
corresponding taxonomies and displayed in an online version. This project
resulted in a series of tests runned by bioinformaticians in order to evaluate
the usefulness of the insights offered by BioCicle.


--------------------------------------------------------------------------------

Ricardo Enrique Gonzalez Peñuela undergrad


TACTILED: USING MACHINE LEARNING TO PRODUCE GOOD TACTILE GRAPHICS (A.K.A. IMAGES
FOR THE BLIND)

Tactiled is a tool prepared to test the quality of an image to be used as a
tactile graphic. We want to develop and train a Machine Learning model that
determines the quality of an image that will be transformed to a tactile
graphic, by evaluating the facility for a blind person to understand its content

--------------------------------------------------------------------------------

Akhila Sulgante MSc


STATE OF THE ART FOR FAIRNESS DETECTION IN MACHINE LEARNING DATASET

SlidesDemo
A web-based, interactive data visualization tool that empowers users to detect
biases in their ML datasets. Users can visualize data distribution, composition,
and feature correlation. Additionally, they can observe changes in evaluation
metrics with alterations in training features and the train-test split.


--------------------------------------------------------------------------------

Kasi Viswanath Vandanapu MSc


EVALUATING IN-BROWSER DATA PROCESSING LIBRARIES FOR INTERACTIVE INFORMATION
VISUALIZATION

SlidesDemo
Developed an Open Source Benchmarking Framework that provides tools such as
Query Generator, Query Planner, and Query Executor for users to conduct
experiment on their own data. Currently we benchmarked Arquero, DuckDB-WASM, and
VanillaJS (In-Browser Data Processing Libaries) and observed VanillaJS is
efficient for records up to 500k. Also, Built List Curator Framework with
widgets such as Data Filter that supports Cross Filtering; Sorter, and Annotator
with LLM Integration.


--------------------------------------------------------------------------------

Aparna Krishnan MSc


BENEATH THE SURFACE: UNVEILING THE TAPESTRY OF FACTORS AFFECTING OAKLAND'S
PRETERM BIRTH RATES

This project focuses on the impact of opioid exposure on preterm births in
Oakland, California, highlighting the city's struggle with increasing opioid
usage, particularly the rise of fentanyl. It emphasizes the vulnerability of
pregnant women to opioid use and its consequences like preterm births. The
initiative aims to address the lack of research in this area by developing a
comprehensive website with interactive visualizations. These visualizations will
track opioid usage among pregnant women, the impact on fetuses and infants, and
long-term implications. Collaborations with C2C Imact Engines, local
organizations, hospitals, and rehab centers are planned for effective data
collection and analysis.


--------------------------------------------------------------------------------




CLASSES

Spring 2024
 * Northeastern University Oakland, CS 5010: Program Design Paradigms 14 Weeks.
 * Northeastern University Oakland, CS3200: Database Management Systems 14
   Weeks.

Fall 2023
 * Northeastern University Bay Area, CS5610: Web Development 14 Weeks.
 * Northeastern University Bay Area, CS5200: Database Management Systems 14
   Weeks.

Spring 2023
 * Northeastern University Bay Area, CS7295: Special Topics in Data
   Visualization Spring 2023 14 Weeks.

Fall 2022
 * Northeastern University Bay Area, CS 5340 Human Computer Interaction, Fall
   2021 14 Weeks.
   Northeastern University Bay Area, CS5610: Web Development Fall 2022 14 Weeks.

Spring 2022
 * Northeastern University Bay Area, CS 5010 Program Design Paradigms, Spring
   2022 14 Weeks.
   Northeastern University Bay Area, CS7295: Special Topics in Data
   Visualization Spring 2022 14 Weeks.

Fall 2021
 * Northeastern University Bay Area, CS 5200 Database Management Systems, Fall
   2021 14 Weeks.
   Northeastern University Bay Area, CS5610: Web Development Fall 2021 14 Weeks.

Summer 2021
 * Northeastern University Bay Area, CS 5200 Database Management Systems, Summer
   2021 14 Weeks.

Spring 2021
 * Northeastern University Bay Area, CS 7295 Special Topics, Data Visualization
   Spring 2021 14 Weeks.
   Northeastern University Bay Area, CS5610: Web Development Spring 2021 14
   Weeks.

Fall 2020
 * Northeastern University Bay Area, CS5610: Web Development Fall 2020 14 Weeks.

Summer 2020
 * UC Berkeley, iSchool, Master in Data Science. W209: Data Visualization Summer
   2020 14 Weeks.

Spring 2020
 * Universidad de los Andes, ISIS-3710: Web Development Spring 2020 16 Weeks.

Fall 2019
 * Universidad de los Andes, ISIS 4822: Visual Analytics Fall 2019 16 Weeks.
 * Universidad de los Andes, ISIS-3710: Web Development Fall 2019 16 Weeks.

Spring 2019
 * Northeastern University, CS56: Web Development Fall 2018 14 Weeks.

Fall 2018
 * Universidad de los Andes, ISIS-3710: Web Development Fall 2018 16 Weeks.
 * Universidad de los Andes, ISIS 4822: Visual Analytics Fall 2018 16 Weeks.

Summer 2018
 * UC Berkeley, iSchool, Master in Data Science. W209: Data Visualization Summer
   2018 14 Weeks.

Spring 2018
 * Universidad de los Andes, ISIS-3710: Web Development Spring 2018 16 Weeks, 2
   sections.
 * UC Berkeley, iSchool, Master in Data Science. W209: Data Visualization Spring
   2018 14 Weeks.

Fall 2017
 * Universidad de los Andes, ISIS-3710: Web Development Fall 2017 16 Weeks.
 * Universidad de los Andes, ISIS 4822: Visual Analytics Fall 2017 16 Weeks.
 * UC Berkeley, iSchool, Master in Data Science. W209: Data Visualization Fall
   2017 14 Weeks.

Summer 2017
 * UC Berkeley, iSchool, Master in Data Science. W209: Data Visualization Summer
   2017 15 Weeks.

Spring 2017
 * Universidad de los Andes, ISIS-3710: Web Development Spring 2017 16 Weeks.
 * Universidad de Caldas, Visual Analytics seminar 24 hours.

Fall 2016
 * Universidad Tecnológica de Pereira, Visual Analytics seminar 24 hours.
 * Universidad de los Andes, ISIS 4822 : Visual Analytics 16 Weeks, in
   cooperation with Jose Tiberio Hernández


TALKS AND SLIDES

 * The quest for Insights, Singularity Summit Colombia Nov. 2018 (Video)
 * What is IMAGINE doing on Visual Analytics?, IMAGINE'S 20 years Anniversary
   Seminar Nov 2018
 * Visual analytics perspectives IMAGINE Workshop Summer 2018
 * Untangling the hairball Openvisconf 2017
 * Analyzing Growth Data in Pre-term Babies VIS2017 Healthcare workshop
 * Time based visualizations, Hospital Militar 2017
 * Good practices for visual analytics teaching
 * Tips for Fulbrighters
 * IMAGINE Research agenda
 * Research agenda uniandes Summer 2017
 * From data to insights: How open data can empower society Condatos2016 talk
 * Network Visualization in the real world, lessons learned. IEEEVIS 2016 Talk
   (Visualization in Practice Workshop)
 * The quest for the insights, the true objective of big data
 * Network Explorer: Design, Implementation, and Real World Deployment of a
   Large Network Visualization Tool. AVI2016 presentation
 * Identifying Best Practices for Visualizing Photo Statistics and Galleries
   Using Treemaps. AVI2016 presentation
 * La minimentalidad. TEDxPereira, Ruta de la Ciencia 2016.


MY HOBBY: PHOTOGRAPHY

I love taking photos, it is my main hobby. I have more than 250k photos to date,
so I care about the problem of organizing and navigating photo repositories ;).
Here is a sample of my photos on Flickr:

Install this page as an app