JavaScript InfoVis Toolkit Overview

•

4 gostaram•3,152 visualizações

philogb

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

Tecnologia

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

Mais conteúdo relacionado

Semelhante a 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

Semelhante a 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

Mais de 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

Mais de 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

Último

Scaling API-first – The story of a global engineering organization Ian Reasor, Senior Computer Scientist - Adobe Radu Cotescu, Senior Computer Scientist - Adobe 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 - Scaling API-first by Ian Reasor and Radu Cotescu, Adobe

apidays

MySQL Webinar, presented on the 25th of April, 2024. Summary: MySQL solutions enable the deployment of diverse Database Architectures tailored to specific needs, including High Availability, Disaster Recovery, and Read Scale-Out. With MySQL Shell's AdminAPI, administrators can seamlessly set up, manage, and monitor these solutions, ensuring efficiency and ease of use in their administration. MySQL Router, on the other hand, provides transparent routing from the application traffic to the backend servers in the architectures, requiring minimal configuration. Completely built in-house and supported by Oracle, these solutions have been adopted by enterprises of all sizes for their business-critical applications. In this presentation, we'll delve into various database architecture solutions to help you choose the right one based on your business requirements. Focusing on technical details and the latest features to maximize the potential of these solutions.

Mastering MySQL Database Architecture: Deep Dive into MySQL Shell and MySQL R...

Miguel Araújo

Axa Assurance Maroc - Insurer Innovation Award 2024

The Digital Insurer

Manulife - Insurer Innovation Award 2024

The Digital Insurer

Repurposing LNG terminals for Hydrogen Ammonia: Feasibility and Cost Saving

Edi Saputra

How to Troubleshoot Apps for the Modern Connected Worker

ThousandEyes

This presentations targets students or working professionals. You may know Google for search, YouTube, Android, Chrome, and Gmail, but did you know Google has many developer tools, platforms & APIs? This comprehensive yet still high-level overview outlines the most impactful tools for where to run your code, store & analyze your data. It will also inspire you as to what's possible. This talk is 50 minutes in length.

Powerful Google developer tools for immediate impact! (2023-24 C)

wesley chun

Workshop - Best of Both Worlds_ Combine KG and Vector search for enhanced R...

Neo4j

Real Time Object Detection Using Open CV

Khem

Data Cloud, More than a CDP by Matt Robison

Anna Loughnan Colquhoun

Three things you will take away from the session: • How to run an effective tenant-to-tenant migration • Best practices for before, during, and after migration • Tips for using migration as a springboard to prepare for Copilot in Microsoft 365 Main ideas: Migration Overview: The presentation covers the current reality of cross-tenant migrations, the triggers, phases, best practices, and benefits of a successful tenant migration Considerations: When considering a migration, it is important to consider the migration scope, performance, customization, flexibility, user-friendly interface, automation, monitoring, support, training, scalability, data integrity, data security, cost, and licensing structure Next Wave: The next wave of change includes the launch of Copilot, which requires businesses to be prepared for upcoming changes related to Copilot and the cloud, and to consolidate data and tighten governance ShareGate: ShareGate can help with pre-migration analysis, configurable migration tool, and automated, end-user driven collaborative governance

Strategize a Smooth Tenant-to-tenant Migration and Copilot Takeoff

sammart93

Building Digital Trust in a Digital Economy Veronica Tan, Director - Cyber Security Agency of Singapore Apidays Singapore 2024: Connecting Customers, Business and Technology (April 17 & 18, 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 Singapore 2024 - Building Digital Trust in a Digital Economy by Veron...

apidays

Partners Life - Insurer Innovation Award 2024

The Digital Insurer

This presentation explores the impact of HTML injection attacks on web applications, detailing how attackers exploit vulnerabilities to inject malicious code into web pages. Learn about the potential consequences of such attacks and discover effective mitigation strategies to protect your web applications from HTML injection vulnerabilities. for more information visit https://bostoninstituteofanalytics.org/category/cyber-security-ethical-hacking/

HTML Injection Attacks: Impact and Mitigation Strategies

Boston Institute of Analytics

Created by Mozilla Research in 2012 and now part of Linux Foundation Europe, the Servo project is an experimental rendering engine written in Rust. It combines memory safety and concurrency to create an independent, modular, and embeddable rendering engine that adheres to web standards. Stewardship of Servo moved from Mozilla Research to the Linux Foundation in 2020, where its mission remains unchanged. After some slow years, in 2023 there has been renewed activity on the project, with a roadmap now focused on improving the engine’s CSS 2 conformance, exploring Android support, and making Servo a practical embeddable rendering engine. In this presentation, Rakhi Sharma reviews the status of the project, our recent developments in 2023, our collaboration with Tauri to make Servo an easy-to-use embeddable rendering engine, and our plans for the future to make Servo an alternative web rendering engine for the embedded devices industry. (c) Embedded Open Source Summit 2024 April 16-18, 2024 Seattle, Washington (US) https://events.linuxfoundation.org/embedded-open-source-summit/ https://ossna2024.sched.com/event/1aBNF/a-year-of-servo-reboot-where-are-we-now-rakhi-sharma-igalia

A Year of the Servo Reboot: Where Are We Now?

Igalia

The presentation explores the development and application of artificial intelligence (AI) from its inception to its current status in the modern world. The term "artificial intelligence" was first coined by John McCarthy in 1956 to describe efforts to develop computer programs capable of performing tasks that typically require human intelligence. This concept was first introduced at a conference held at Dartmouth College, where programs demonstrated capabilities such as playing chess, proving theorems, and interpreting texts. In the early stages, Alan Turing contributed to the field by defining intelligence as the ability of a being to respond to certain questions intelligently, proposing what is now known as the Turing Test to evaluate the presence of intelligent behavior in machines. As the decades progressed, AI evolved significantly. The 1980s focused on machine learning, teaching computers to learn from data, leading to the development of models that could improve their performance based on their experiences. The 1990s and 2000s saw further advances in algorithms and computational power, which allowed for more sophisticated data analysis techniques, including data mining. By the 2010s, the proliferation of big data and the refinement of deep learning techniques enabled AI to become mainstream. Notable milestones included the success of Google's AlphaGo and advancements in autonomous vehicles by companies like Tesla and Waymo. A major theme of the presentation is the application of generative AI, which has been used for tasks such as natural language text generation, translation, and question answering. Generative AI uses large datasets to train models that can then produce new, coherent pieces of text or other media. The presentation also discusses the ethical implications and the need for regulation in AI, highlighting issues such as privacy, bias, and the potential for misuse. These concerns have prompted calls for comprehensive regulations to ensure the safe and equitable use of AI technologies. Artificial intelligence has also played a significant role in healthcare, particularly highlighted during the COVID-19 pandemic, where it was used in drug discovery, vaccine development, and analyzing the spread of the virus. The capabilities of AI in healthcare are vast, ranging from medical diagnostics to personalized medicine, demonstrating the technology's potential to revolutionize fields beyond just technical or consumer applications. In conclusion, AI continues to be a rapidly evolving field with significant implications for various aspects of society. The development from theoretical concepts to real-world applications illustrates both the potential benefits and the challenges that come with integrating advanced technologies into everyday life. The ongoing discussion about AI ethics and regulation underscores the importance of managing these technologies responsibly to maximize their their benefits while minimizing potential harms.

Artificial Intelligence: Facts and Myths

Joaquim Jorge

Bajaj Allianz Life Insurance Company - Insurer Innovation Award 2024

The Digital Insurer

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

The value of a flexible API Management solution for Open Banking Steve Melan, Manager for IT Innovation and Architecture - State's and Saving's Bank of Luxembourg 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 value of a flexible API Management solution for O...

apidays

AWS Community Day CPH - Three problems of Terraform

Andrey Devyatkin

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