JavaScript InfoVis Toolkit Overview

•

4 gefällt mir•3,152 views

philogb

An overview of the JavaScript InfoVis Toolkit and some of the theory behind the implemented visualizations.

Technologie

JavaScript InfoVis Toolkit

Nicolas Garcia Belmonte - Dec. 2009

Agenda

• JavaScript InfoVis Toolkit Overview
• Featured Visualizations
• What’s Next for the JIT

JavaScript InfoVis Toolkit

• Web Based Interactive Data
Visualizations
• Multiple Graph/Tree Layouts
• Modular, Extensible, Composable
• Web Standards Based

Modular
Grab only what you need

HyperTree
SunBurst
TreeMap
JavaScript InfoVis
ForceDirected
Toolkit
RGraph
Icicle
SpaceTree

Extensible
• Deﬁne custom Nodes and Edges

• Add Custom Animations (linear, Elastic, etc.)

Composable
Add Visualizations as Node/Edge rendering functions to
other visualizations

Featured Visualizations

• TreeMap
• RGraph
• HyperTree
• SpaceTree

TreeMap

Squariﬁed TreeMaps - Jarke J. van Wick, Mark Bruls, Kees Huizing

Ordered and Quantum TreeMaps - Benjamin B. Bederson, Ben
Shneiderman, Martin Wattenberg

TreeMap
SliceAndDice Squariﬁed Strip

order ordered unordered ordered
aspect ratios very high lowest medium
stability stable medium medium

RGraph

Animated Exploration of Dynamic Graphs with Radial Layout -
Ka-Ping Yee, Danyel Fisher, Rachna Dhamija, Marti Hearst

RGraph

• Polar vs. Rectangular Interpolation
• Node Constraints: Orientation and
Ordering
• Linear Transitions vs. EaseIn/Out Transitions

RGraph
Polar vs. Rectangular Interpolation

RGraph
Node Constraints:
Parent - Child angle

HyperTree

A focus+context technique based on Hyperbolic Geometry for
Visualizing large Hierarchies - John Lamping, Ramana Rao, Peter Pirolli

HyperTree
Poincare Disk Model of
Hyperbolic Geometry

Circle Limit IV - Escher

SpaceTree

SpaceTree: Supporting Exploration in Large Node Link Tree, Design Evolution
and Empirical Evaluation - Catherine Plaisant, Jesse Grosjean, Bemjamin B.
Bederson

SpaceTree
Only show Context-Related Nodes

What’s Next?
• SunBurst
• Force-Directed
• Icicle
• MultiTrees
• etc.

Questions?

Mail: philogb@gmail.com
Project Page: http://thejit.org
Blog: http://blog.thejit.org
GitHub: http://github.com/philogb

Weitere ähnliche Inhalte

Ähnlich wie JavaScript InfoVis Toolkit Overview

Evolution of the Graph Schema

Joshua Shinavier

GNO Code: Geospatial Visualization in the Browser - An Overview

Rob Schley

The genesis of Hadoop was in analyzing massive amounts of data with a mapreduce framework. SQL-onHadoop has followed shortly after that, paving a way to the whole schema-on-read notion. Discovering graph relationship in your data is the next logical step. Apache Giraph (modeled on Google’s Pregel) lets you apply the power of BSP approach to the unstructured data. In this talk we will focus on practical advice of how to get up and running with Apache Giraph, start analyzing simple data sets with built-in algorithms and finally how to implement your own graph processing applications using the APIs provided by the project. We will then dive into how Giraph integrates with the Hadoop ecosystem (Hive, HBase, Accumulo, etc.) and will also provide a whirlwind tour of Giraph architecture.

Apache Giraph: start analyzing graph relationships in your bigdata in 45 minu...

rhatr

Mike Goodchild's keynote - GISRUK 2010

GISRUK conference

Bigdata

Abhishek Pamecha

The explosion in growth of the Web of Linked Data has provided, for the first time, a plethora of information in disparate locations, yet bound together by machine-readable, semantically typed relations. Utilisation of the Web of Data has been, until now, restricted to the members of the community, eating their own dogfood, so to speak. To the regular web user browsing Facebook and watching YouTube, this utility is yet to be realised. The primary factor inhibiting uptake is the usability of the Web of Data, where users are required to have prior knowledge of elements from the Semantic Web technology stack. Our solution to this problem is to hide the stack, allowing end users to browse the Web of Data, explore the information it contains, discover knowledge, and use Linked Data. We propose a template-based visualisation approach where information attributed to a given resource is rendered according to the rdf:type of the instance.

Hide the Stack:Toward Usable Linked Data

aba-sah

AgensGraph: a Multi-model Graph Database based on PostgreSql

Kisung Kim

A Graph is a Graph is a Graph: Equivalence, Transformation, and Composition o...

Joshua Shinavier

Ling liu part 01：big graph processing

jins0618

About Scanning and Metadata Standards - NEMO 2010

University of Connecticut Libraries Map and Geographic Information Center - MAGIC

Spark summit europe 2015 magellan

Ram Sriharsha

Apache con big data 2015 magellan

Ram Sriharsha

This session explores building graph databases on AWS, examining common use cases, design patterns, and best practices. We then discuss the main options for running graph databases on AWS and go deeper into the Amazon DynamoDB storage backend plugin for Titan launched earlier this year. The Amazon Fulfillment team will share their story of running the Titan graph database on DynamoDB to track inventory going in and out of the company's fulfillment network. They provide best practices on running an efficient graph database at massive scale.

(DAT203) Building Graph Databases on AWS

Amazon Web Services

Cheetah:Data Warehouse on Top of MapReduce

Tilani Gunawardena PhD(UNIBAS), BSc(Pera), FHEA(UK), CEng, MIESL

Easing embedding learning by comprehensive transcription of heterogeneous inf...

paper_reader

Graph Databases

thai

“Which visualization library should I use?” Typically, making this decision is not about whether one library is “better” than another, but whether the specific library is more suitable for what the developer is trying to achieve.To answer this question thoroughly, we need to better understand the design space of visualization libraries. The talk will give a tour of many kinds of visualization libraries on the web across the design space, while explaining the framework and design philosophy that the audience can learn along the way. The audience will expand their horizon and be more aware of the wide universe of libraries. The next time they come across a new package, they can use this framework as a lens to analyze its own offerings and how it is different from or similar to the libraries that they already know.

Navigating the Wide World of Data Visualization Libraries

Krist Wongsuphasawat

Bigdata analytics

Keshav Tripathy

RTree Spatial Indexing with MongoDB - MongoDC

Nicholas Knize, Ph.D., GISP

Grails goes Graph

darthvader42

Ähnlich wie JavaScript InfoVis Toolkit Overview (20)

Evolution of the Graph Schema

GNO Code: Geospatial Visualization in the Browser - An Overview

Apache Giraph: start analyzing graph relationships in your bigdata in 45 minu...

Mike Goodchild's keynote - GISRUK 2010

Bigdata

Hide the Stack:Toward Usable Linked Data

AgensGraph: a Multi-model Graph Database based on PostgreSql

A Graph is a Graph is a Graph: Equivalence, Transformation, and Composition o...

Ling liu part 01：big graph processing

About Scanning and Metadata Standards - NEMO 2010

Spark summit europe 2015 magellan

Apache con big data 2015 magellan

(DAT203) Building Graph Databases on AWS

Cheetah:Data Warehouse on Top of MapReduce

Easing embedding learning by comprehensive transcription of heterogeneous inf...

Graph Databases

Navigating the Wide World of Data Visualization Libraries

Bigdata analytics

RTree Spatial Indexing with MongoDB - MongoDC

Grails goes Graph

Mehr von philogb

OpenVisConf - WebGL for graphics and data visualization

philogb

From Data Journalism to Data Illustration - Visualizing Data with JavaScript ...

philogb

From Data Journalism to Data Illustration - Visualizing Data with JavaScript ...

philogb

The Geography of Tweets - BBC Developer Conference

philogb

Hacking public-facing data visualizations at Twitter

philogb

#interactives at Twitter

philogb

#interactives at Twitter

philogb

Présentation faite à SudWeb http://sudweb.fr/2013. Liens pour les visualisations: * Home page: http://philogb.github.io/ * Librairies: http://senchalabs.org/philogl et http://thejit.org/ * Wind map: http://philogb.github.io/wind-motion-patterns/ * Elections 2012: http://philogb.github.io/political-engagement-map/ * Coupe d'europe 2012: http://philogb.github.io/eurocup-2012/ * Neil armstrong: http://philogb.github.io/neil-armstrong/

La visualisation de données comme outil pour découvrir et partager des idées ...

philogb

Exploring Web standards for data visualization

philogb

JavaScript para Graficos y Visualizacion de Datos - BogotaJS

philogb

JavaScript para Graficos y Visualizacion de Datos

philogb

InfoVis para la Web: Teoria, Herramientas y Ejemplos.

philogb

Nuevas herramientas de visualizacion en JavaScript

philogb

Data visualization for the web

philogb

Leaving Flatland: Getting Started with WebGL- SXSW 2012

philogb

Principles of Analytical Design - Visually Meetup - Sept. 2011

philogb

New Tools for Visualization in JavaScript - Sept. 2011

philogb

PhiloGL - WebGLCamp Google HQs - June 2011

philogb

Using Web Standards to create Interactive Data Visualizations for the Web

philogb

Mehr von philogb (19)

OpenVisConf - WebGL for graphics and data visualization

From Data Journalism to Data Illustration - Visualizing Data with JavaScript ...

The Geography of Tweets - BBC Developer Conference

Hacking public-facing data visualizations at Twitter

#interactives at Twitter

La visualisation de données comme outil pour découvrir et partager des idées ...

Exploring Web standards for data visualization

JavaScript para Graficos y Visualizacion de Datos - BogotaJS

JavaScript para Graficos y Visualizacion de Datos

InfoVis para la Web: Teoria, Herramientas y Ejemplos.

Nuevas herramientas de visualizacion en JavaScript

Data visualization for the web

Leaving Flatland: Getting Started with WebGL- SXSW 2012

Principles of Analytical Design - Visually Meetup - Sept. 2011

New Tools for Visualization in JavaScript - Sept. 2011

PhiloGL - WebGLCamp Google HQs - June 2011

Using Web Standards to create Interactive Data Visualizations for the Web

Kürzlich hochgeladen

presentation ICT roal in 21st century education

jfdjdjcjdnsjd

In the thrilling conclusion to 2023, ransomware groups had a banner year, really outdoing themselves in the "make everyone's life miserable" department. LockBit 3.0 took gold in the hacking olympics, followed by the plucky upstarts Clop and ALPHV/BlackCat. Apparently, 48% of organizations were feeling left out and decided to get in on the cyber attack action. Business services won the "most likely to get digitally mugged" award, with education and retail nipping at their heels. Hackers expanded their repertoire beyond boring old encryption to the much more exciting world of extortion. The US, UK and Canada took top honors in the "countries most likely to pay up" category. Bitcoins were the currency of choice for discerning hackers, because who doesn't love untraceable money?

Ransomware_Q4_2023. The report. [EN].pdf

Overkill Security

The Good, the Bad and the Governed - Why is governance a dirty word? David O'Neill, Chief Operating Officer - APIContext Apidays New York 2024: The API Economy in the AI Era (April 30 & May 1, 2024) ------ Check out our conferences at https://www.apidays.global/ Do you want to sponsor or talk at one of our conferences? https://apidays.typeform.com/to/ILJeAaV8 Learn more on APIscene, the global media made by the community for the community: https://www.apiscene.io Explore the API ecosystem with the API Landscape: https://apilandscape.apiscene.io/

Apidays New York 2024 - The Good, the Bad and the Governed by David O'Neill, ...

apidays

Passkeys: Developing APIs to enable passwordless authentication Cody Salas, Sr Developer Advocate | Solutions Architect - Yubico Apidays New York 2024: The API Economy in the AI Era (April 30 & May 1, 2024) ------ Check out our conferences at https://www.apidays.global/ Do you want to sponsor or talk at one of our conferences? https://apidays.typeform.com/to/ILJeAaV8 Learn more on APIscene, the global media made by the community for the community: https://www.apiscene.io Explore the API ecosystem with the API Landscape: https://apilandscape.apiscene.io/

Apidays New York 2024 - Passkeys: Developing APIs to enable passwordless auth...

apidays

Abhishek Deb(1), Mr Abdul Kalam(2) M. Des (UX) , School of Design, DIT University , Dehradun. This paper explores the future potential of AI-enabled smartphone processors, aiming to investigate the advancements, capabilities, and implications of integrating artificial intelligence (AI) into smartphone technology. The research study goals consist of evaluating the development of AI in mobile phone processors, analyzing the existing state as well as abilities of AI-enabled cpus determining future patterns as well as chances together with reviewing obstacles as well as factors to consider for more growth.

Exploring the Future Potential of AI-Enabled Smartphone Processors

debabhi2

[BuildWithAI] Introduction to Gemini.pdf

Sandro Moreira

Boost Fertility New Invention Ups Success Rates.pdf

sudhanshuwaghmare1

When you’re building (micro)services, you have lots of framework options. Spring Boot is no doubt a popular choice. But there’s more! Take Quarkus, a framework that’s considered the rising star for Kubernetes-native Java. It always depends on what's best for your situation, but how to choose the best solution if you're comparing 2 frameworks? Both Spring Boot and Quarkus have their positives and negatives. Let us compare the two by live coding a couple of common use cases in Spring Boot and Quarkus. After this talk, you’ll be ready to get started with Quarkus yourself, and know when to select Quarkus or Spring Boot.

Spring Boot vs Quarkus the ultimate battle - DevoxxUK

Jago de Vreede

Axa Assurance Maroc - Insurer Innovation Award 2024

The Digital Insurer

💉💊+971581248768>> SAFE AND ORIGINAL ABORTION PILLS FOR SALE IN DUBAI AND ABUDHABI}}+971581248768 +971581248768 Mtp-Kit (500MG) Prices » Dubai [(+971581248768**)] Abortion Pills For Sale In Dubai, UAE, Mifepristone and Misoprostol Tablets Available In Dubai, UAE CONTACT DR.Maya Whatsapp +971581248768 We Have Abortion Pills / Cytotec Tablets /Mifegest Kit Available in Dubai, Sharjah, Abudhabi, Ajman, Alain, Fujairah, Ras Al Khaimah, Umm Al Quwain, UAE, Buy cytotec in Dubai +971581248768''''Abortion Pills near me DUBAI | ABU DHABI|UAE. Price of Misoprostol, Cytotec” +971581248768' Dr.DEEM ''BUY ABORTION PILLS MIFEGEST KIT, MISOPROTONE, CYTOTEC PILLS IN DUBAI, ABU DHABI,UAE'' Contact me now via What's App…… abortion Pills Cytotec also available Oman Qatar Doha Saudi Arabia Bahrain Above all, Cytotec Abortion Pills are Available In Dubai / UAE, you will be very happy to do abortion in Dubai we are providing cytotec 200mg abortion pill in Dubai, UAE. Medication abortion offers an alternative to Surgical Abortion for women in the early weeks of pregnancy. We only offer abortion pills from 1 week-6 Months. We then advise you to use surgery if its beyond 6 months. Our Abu Dhabi, Ajman, Al Ain, Dubai, Fujairah, Ras Al Khaimah (RAK), Sharjah, Umm Al Quwain (UAQ) United Arab Emirates Abortion Clinic provides the safest and most advanced techniques for providing non-surgical, medical and surgical abortion methods for early through late second trimester, including the Abortion By Pill Procedure (RU 486, Mifeprex, Mifepristone, early options French Abortion Pill), Tamoxifen, Methotrexate and Cytotec (Misoprostol). The Abu Dhabi, United Arab Emirates Abortion Clinic performs Same Day Abortion Procedure using medications that are taken on the first day of the office visit and will cause the abortion to occur generally within 4 to 6 hours (as early as 30 minutes) for patients who are 3 to 12 weeks pregnant. When Mifepristone and Misoprostol are used, 50% of patients complete in 4 to 6 hours; 75% to 80% in 12 hours; and 90% in 24 hours. We use a regimen that allows for completion without the need for surgery 99% of the time. All advanced second trimester and late term pregnancies at our Tampa clinic (17 to 24 weeks or greater) can be completed within 24 hours or less 99% of the time without the need surgery. The procedure is completed with minimal to no complications. Our Women's Health Center located in Abu Dhabi, United Arab Emirates, uses the latest medications for medical abortions (RU-486, Mifeprex, Mifegyne, Mifepristone, early options French abortion pill), Methotrexate and Cytotec (Misoprostol). The safety standards of our Abu Dhabi, United Arab Emirates Abortion Doctors remain unparalleled. They consistently maintain the lowest complication rates throughout the nation. Our Physicians and staff are always available to answer questions and care for women in one of the most difficult times in their lives. The decision to have an abortion at the Abortion Cl

+971581248768>> SAFE AND ORIGINAL ABORTION PILLS FOR SALE IN DUBAI AND ABUDHA...

?#DUbAI#??##{{(☎️+971_581248768%)**%*]'#abortion pills for sale in dubai@

Dubai, often portrayed as a shimmering oasis in the desert, faces its own set of challenges, including the occasional threat of flooding. Despite its reputation for opulence and modernity, the emirate is not immune to the forces of nature. In recent years, Dubai has experienced sporadic but significant floods, testing the resilience of its infrastructure and communities. Among the critical lifelines in this bustling metropolis is the Dubai International Airport, a bustling hub that connects the city to the world. This article explores the intersection of Dubai flood events and the resilience demonstrated by the Dubai International Airport in the face of such challenges.

Navigating the Deluge_ Dubai Floods and the Resilience of Dubai International...

Orbitshub

Effective data discovery is crucial for maintaining compliance and mitigating risks in today's rapidly evolving privacy landscape. However, traditional manual approaches often struggle to keep pace with the growing volume and complexity of data. Join us for an insightful webinar where industry leaders from TrustArc and Privya will share their expertise on leveraging AI-powered solutions to revolutionize data discovery. You'll learn how to: - Effortlessly maintain a comprehensive, up-to-date data inventory - Harness code scanning insights to gain complete visibility into data flows leveraging the advantages of code scanning over DB scanning - Simplify compliance by leveraging Privya's integration with TrustArc - Implement proven strategies to mitigate third-party risks Our panel of experts will discuss real-world case studies and share practical strategies for overcoming common data discovery challenges. They'll also explore the latest trends and innovations in AI-driven data management, and how these technologies can help organizations stay ahead of the curve in an ever-changing privacy landscape.

TrustArc Webinar - Unlock the Power of AI-Driven Data Discovery

TrustArc

Exploring Multimodal Embeddings with Milvus

Zilliz

ProductAnonymous-April2024-WinProductDiscovery-MelissaKlemke

Product Anonymous

FWD Group - Insurer Innovation Award 2024

The Digital Insurer

AXA XL - Insurer Innovation Award Americas 2024

The Digital Insurer

MS Copilot expands with MS Graph connectors

Nanddeep Nachan

Corporate and higher education. Two industries that, in the past, have had a clear divide with very little crossover. The difference in goals, learning styles and objectives paved the way for differing learning technologies platforms to evolve. Now, those stark lines are blurring as both sides are discovering they have content that’s relevant to the other. Join Tammy Rutherford as she walks through the pros and cons of corporate and higher ed collaborating. And the challenges of these different technology platforms working together for a brighter future.

Corporate and higher education May webinar.pptx

Rustici Software

Artificial Intelligence Chap.5 : Uncertainty

Khushali Kathiriya

Repurposing LNG terminals for Hydrogen Ammonia: Feasibility and Cost Saving

Edi Saputra

Kürzlich hochgeladen (20)

presentation ICT roal in 21st century education

Ransomware_Q4_2023. The report. [EN].pdf

Apidays New York 2024 - The Good, the Bad and the Governed by David O'Neill, ...

Apidays New York 2024 - Passkeys: Developing APIs to enable passwordless auth...

Exploring the Future Potential of AI-Enabled Smartphone Processors

[BuildWithAI] Introduction to Gemini.pdf

Boost Fertility New Invention Ups Success Rates.pdf

Spring Boot vs Quarkus the ultimate battle - DevoxxUK

Axa Assurance Maroc - Insurer Innovation Award 2024

+971581248768>> SAFE AND ORIGINAL ABORTION PILLS FOR SALE IN DUBAI AND ABUDHA...

Navigating the Deluge_ Dubai Floods and the Resilience of Dubai International...

TrustArc Webinar - Unlock the Power of AI-Driven Data Discovery

Exploring Multimodal Embeddings with Milvus

ProductAnonymous-April2024-WinProductDiscovery-MelissaKlemke

FWD Group - Insurer Innovation Award 2024

AXA XL - Insurer Innovation Award Americas 2024

MS Copilot expands with MS Graph connectors

Corporate and higher education May webinar.pptx

Artificial Intelligence Chap.5 : Uncertainty

Repurposing LNG terminals for Hydrogen Ammonia: Feasibility and Cost Saving

JavaScript InfoVis Toolkit Overview

1. JavaScript InfoVis Toolkit Nicolas Garcia Belmonte - Dec. 2009

2. Agenda • JavaScript InfoVis Toolkit Overview • Featured Visualizations • What’s Next for the JIT

3. JavaScript InfoVis Toolkit • Web Based Interactive Data Visualizations • Multiple Graph/Tree Layouts • Modular, Extensible, Composable • Web Standards Based

4. Modular Grab only what you need HyperTree SunBurst TreeMap JavaScript InfoVis ForceDirected Toolkit RGraph Icicle SpaceTree

5. Extensible • Deﬁne custom Nodes and Edges • Add Custom Animations (linear, Elastic, etc.)

6. Composable Add Visualizations as Node/Edge rendering functions to other visualizations

7. Featured Visualizations • TreeMap • RGraph • HyperTree • SpaceTree

8. TreeMap Squariﬁed TreeMaps - Jarke J. van Wick, Mark Bruls, Kees Huizing Ordered and Quantum TreeMaps - Benjamin B. Bederson, Ben Shneiderman, Martin Wattenberg

9. TreeMap A B C D E F

10. TreeMap A B C D F E

11. TreeMap SliceAndDice Squariﬁed Strip order ordered unordered ordered aspect ratios very high lowest medium stability stable medium medium

12. TreeMap Examples

13. RGraph Animated Exploration of Dynamic Graphs with Radial Layout - Ka-Ping Yee, Danyel Fisher, Rachna Dhamija, Marti Hearst

14. RGraph • Polar vs. Rectangular Interpolation • Node Constraints: Orientation and Ordering • Linear Transitions vs. EaseIn/Out Transitions

15. RGraph Polar vs. Rectangular Interpolation

16. RGraph Node Constraints: Parent - Child angle

17. RGraph Node Constraints: Child Ordering

18. RGraph Slow-in, slow-out Transitions

19. RGraph Examples

20. HyperTree A focus+context technique based on Hyperbolic Geometry for Visualizing large Hierarchies - John Lamping, Ramana Rao, Peter Pirolli

21. HyperTree Poincare Disk Model of Hyperbolic Geometry Circle Limit IV - Escher

22. HyperTree Examples

23. SpaceTree SpaceTree: Supporting Exploration in Large Node Link Tree, Design Evolution and Empirical Evaluation - Catherine Plaisant, Jesse Grosjean, Bemjamin B. Bederson

24. SpaceTree A B C D E F

25. SpaceTree Only show Context-Related Nodes

26. SpaceTree Examples

27. What’s Next? • SunBurst • Force-Directed • Icicle • MultiTrees • etc.

28. What’s Next? SunBurst Visualization

29. What’s Next? Force-Directed Layout

30. What’s Next MultiTrees

31. Questions? Mail: philogb@gmail.com Project Page: http://thejit.org Blog: http://blog.thejit.org GitHub: http://github.com/philogb