Using d3.js For Visualization of Corporate Board Membership Alexei Bulazel 1 ( ), Bharath Santosh 1 ( ), James Hendler 1.

Slides:



Advertisements
Similar presentations
Imagining the Future. WORLD WIDE WEB Tim Berners-Lee invented the World Wide Web.World Wide Web A graduate of Oxford University, England, in 1989, Tim.
Advertisements

Introduction to HTML, XHTML, and CSS
A Toolbox for Blackboard Tim Roberts
Create a website with Google Sites
An Introduction to D3.js By Robert Dillon.
1 Actuate Corporation © 2010 THE BIRT COMPANY THE BIRT COMPANY THE BIRT COMPANY THE BIRT COMPANY THE BIRT COMPANY THE BIRT COMPANY THE BIRT COMPANY THE.
Digital Infrastructures for Humanities Research Matthew Milner Assistant Director McGill Digital Humanities institute Edward Bilodeau.
A web application for browsing research papers By: Rhea Dookeran 09’
1 Lesson 5 Introduction to Cascading Style Sheets HTML and JavaScript BASICS, 4 th Edition Barksdale / Turner.
ABSTRACT The goal of this project was to create a more realistic and interactive appliance interface for a Usability Science class here at Union. Usability.
CIS101 Introduction to Computing Week 05. Agenda Your questions CIS101 Survey Introduction to the Internet & HTML Online HTML Resources Using the HTML.
Introduction to HTML 2006 INT197B. What is the Internet? Global network of computers that are connected and communicate via a series of Protocols Protocols.
Introduction to HTML 2004 CIS101. What is the Internet? Global network of computers that are connected and communicate via a series of Protocols Protocols.
ITWS-2210 / CSCI Logistics Format – Class w/ mini projects (graded on class participation) – Labs (individual projects, graded on completion in.
Glencoe Digital Communication Tools Create a Web Page with HTML Chapter Contents Lesson 4.1Lesson 4.1 Get Started with HTML (85) Lesson 4.2Lesson 4.2 Format.
XP New Perspectives on Microsoft Access 2002 Tutorial 71 Microsoft Access 2002 Tutorial 7 – Integrating Access With the Web and With Other Programs.
Chapter ONE Introduction to HTML.
Project 8 Mastering Digital Media: Picture Files.
Web Design Basic Concepts.
ITIS 1210 Introduction to Web-Based Information Systems Chapter 41 How Animation on the Web Works.
Xpantrac connection with IDEAL Sloane Neidig, Samantha Johnson, David Cabrera, Erika Hoffman CS /6/2014.
CS 299 – Web Programming and Design CS299: Web Programming and Design Instructor: Dr. Fang (Daisy) Tang.
Computer Science : Information Systems Design and Development Unit Web Sites - National 4 / 5 St Andrew’s High School-Revised January 2013 Slide 1 St Andrew’s.
INTRODUCTION TO DHTML. TOPICS TO BE DISCUSSED……….  Introduction Introduction  UsesUses  ComponentsComponents  Difference between HTML and DHTMLDifference.
Copyright © cs-tutorial.com. Introduction to Web Development In 1990 and 1991,Tim Berners-Lee created the World Wide Web at the European Laboratory for.
Introduction to Information Retrieval CS 5604: Information Storage and Retrieval ProjCINETViz by Maksudul Alam, S M Arifuzzaman, and Md Hasanuzzaman Bhuiyan.
UNIT 8 DRAWING WITH THE HTML5 CANVAS ELEMENTS AND FORMS.
NODEJS, THE JOOMLA FRAMEWORK, AND THE FUTURE IAN MACLENNAN.
Managing your References Sue Bird Bodleian Bio- & Environmental Sciences October 2010.
LOGO Link It Company Supervised By: Mr.: Ahmed Abumsameh.
INSURANCE DEFENSE PRACTICE AREA TEMPLATE for Time Matters ® /Total Practice Advantage ® By IP ASSOCIATES, LLC.
XP New Perspectives on Browser and Basics Tutorial 1 1 Browser and Basics Tutorial 1.
Chapter 2 Web Site Design Principles
Fundamentals of Database Chapter 7 Database Technologies.
HTML, XHTML, and CSS Sixth Edition Chapter 1 Introduction to HTML, XHTML, and CSS.
HTML PROJECT #1 Project 1 Introduction to HTML HTML Project 1: Introduction to HTML 2 Vocabulary Internet service provider (ISP) A company that has a.
Fundamentals of Web Design Copyright ©2004  Department of Computer & Information Science Introducing XHTML: Module A: Web Design Basics.
University of Sunderland CDM105 Session 6 Dreamweaver and Multimedia Fireworks MX 2004 Creating Menus and Button images.
XP Tutorial 12 New Perspectives on HTML, XHTML, and DHTML, Comprehensive 1 Working with Special Effects Creating Rollovers, Menus, Filters, and Transitions.
Teaching system for advanced statistics I. Nagy FD ČVUT, Prague J. Homolová FD ČVUT, Prague E. Suzdaleva ÚTIA AV ČR,
Introduction to Web AppBuilder for ArcGIS: JavaScript Apps Made Easy
Web Design Introduction Quiz Review. Who is Tim Berners-Lee?
Walkthrough example including SAS output How to create a mobile WebApp? PhUSE / 12. October 2015 / Katja Glaß BHC 4:3 Template 2010 June 2014Page 1.
TOPIC II Dynamic HTML Prepared by: Nimcan Cabd Cali.
Implementing and Using the SIRWEB Interface Setup of the CGI script and web procfile Connecting to your database using HTML Retrieving data using the CGI.
Making Information Available to the World with HTML and Web Pages Computational Thinking Computational thinking involves a set of problem-solving skills.
Mantid Manipulation and Analysis Toolkit for ISIS data.
Form Processing Week Four. Form Processing Concepts The principal tool used to process Web forms stored on UNIX servers is a CGI (Common Gateway Interface)
CS5604: Final Presentation ProjOpenDSA: Log Support Victoria Suwardiman Anand Swaminathan Shiyi Wei Department of Computer Science, Virginia Tech December.
JavaScript 101 Introduction to Programming. Topics What is programming? The common elements found in most programming languages Introduction to JavaScript.
New and Improved Financial Aid Help Service System for Clark Atlanta University By Shannon Parker.
Chapter 1 Introduction to HTML, XHTML, and CSS HTML5 & CSS 7 th Edition.
Mantid Manipulation and Analysis Toolkit for Instrument data.
JavaScript Introduction and Background. 2 Web languages Three formal languages HTML JavaScript CSS Three different tasks Document description Client-side.
Presenting Semantic Data Through “Instance Hubs” Using Authoritative URI Design Schemes Alexei Bulazel 1 ( ), Dominic Difranzo 1 (
You spoke © 2008 Acquire Media We listened...
Web Design Terminology Unit 2 STEM. 1. Accessibility – a web page or site that address the users limitations or disabilities 2. Active server page (ASP)
1/7/2016www.infocampus.co.in1. 1/7/2016www.infocampus.co.in2 Web Development training gives you and all-round training in both the design and the development.
Tutorial 1 Getting Started with Adobe Dreamweaver CS5.
The HTML5 logo was introduced by W3C in 2010
Project 1 Introduction to HTML.
Objectives Create a folder in Google Drive.
Department of Computer Science
Chapter 1 Introduction to HTML.
Project 1 Introduction to HTML.
The Internet and HTML Code
CSE 3 – Fall 2015 Sierra Ampudia
Application with Cross-Platform GUI
PHP + Oracle = Data-Driven Websites
Presentation transcript:

Using d3.js For Visualization of Corporate Board Membership Alexei Bulazel 1 ( ), Bharath Santosh 1 ( ), James Hendler 1 ( ) 1 Tetherless World Constellation, Department of Computer Science, Rensselaer Polytechnic Institute Links: D3.js visualization framework: LittleSis: Scan QR for online copy  INTRODUCTION METHODS 1.Given a list of 314 stock tickers of interest, we wrote a Python script to access an API from LittleSis.org to download data on the board of directors for each company. 2.Data on unique board member from these company boards was then downloaded from LittleSis.org. 3.A graph of board member was created, with members as nodes, and mutual board affiliation as links. 4.Graph algorithms were used to pair the graph down to a more manageable ~400 nodes of the most highly connected members. a.Companies not possessing a member connected to at least four companies on the graph were removed, leaving only the most well connected boards, with about 200 members in total. b.To then make the graph more interesting, removed companies with boards containing members sharing affiliation with a company already on the graph were added back in with a 12% probability (this percentage was chosen so as to arrive at a manageable final number of board members in the graph). 5.Final formatting processing was applied, and the information in the graph was output. 6.The graph JSON (“JavaScript Object Notation”) file was input to the d3.js framework along with styling information for visualization. RESULTS Our work yielded an interactive, informative, web-based visualization that can be used to illustrate the interconnected nature of US corporate leadership. The visualization allows users to easily get a broad overview of the structure with one quick glance, while also providing them with the possibility for deeper exploration of the data. The d3.js force directed graph framework allows users to drag the nodes as they please to pick out particular parts of the graph. Board member nodes are colored by affiliation for easy identification, and scaled in size according to the number of boards that they sit on. Members on two or more boards have their names displayed next to their node. For more information, nodes can be hovered over to see name and corporate affiliation, and clicked to view the individual’s page on LittleSis.org The OrgPedia Open Organizational Data Project will use Linked Data technologies to present a free, not-for-profit online repository of data on companies, drawing upon government databases, private open databases, and public contributions. As an early-stage prototype for this project we created an interactive data visualization displaying links between corporate board members of notable companies, demonstrating the inherent value of interlinked corporate data that OrgPedia seeks to expose. The visualization shows the connections between board members of major US Companies. OBJECTIVE Our objective for this project was to leverage the d3.js ("Data Driven Documents") JavaScript visualization framework and free data from LittleSis.org, a “free database detailing the connections between powerful people and organizations”, to create an interactive web-based visualization of the interconnected nature of corporate boards in the United States. DISCUSSION The d3.js framework provides an easy way to create interactive data visualizations quickly and easily. We were limited in the size of our visualization by computer speed and browser efficiency – the d3.js visualization is all web based and uses modern technologies of HTML5, CSS3, and JavaScript, but can be slow even in the fastest browsers. Our pruning of ~2400 board members from our total data pull was mainly done for performance reasons. Freely available information from LittleSis.org, and in the future, from the OrgPedia project allows for easy creation of visualizations like this one, that can give a good broad overview of issues to individuals without extensive backgrounds in the subject matter.