logo

Data Visualization Using D3JS

Develop visualisations for relational datasets using existing tools or software and write a report discussing the technical details, advantages and disadvantages, effectiveness for large data relational datasets, analysis results and findings, and critical thinking on the visualisations.

10 Pages2122 Words395 Views
   

Added on  2023-06-12

About This Document

This article discusses the technical details, advantages and disadvantages of using D3.js for data visualization. It includes a literature review and findings from a web application that used D3.js to visualize data from the 2016 Olympics. The article covers D3.js properties like selections, transitions, enter and exit, and data binding.

Data Visualization Using D3JS

Develop visualisations for relational datasets using existing tools or software and write a report discussing the technical details, advantages and disadvantages, effectiveness for large data relational datasets, analysis results and findings, and critical thinking on the visualisations.

   Added on 2023-06-12

ShareRelated Documents
Running head: DATA VISUALIZATION
Data Visualization Using D3JS
Name of the Student
Name of the University
Data Visualization Using D3JS_1
1DATA VISUALIZATION
Table of Contents
Data Visualization Technical Details: 2
Advantages and Disadvantages of D3.js: 3
Literature Review 5
Result and Findings: 6
Bibliography: 8
Data Visualization Using D3JS_2
2DATA VISUALIZATION
Data Visualization Technical Details:
Data visualisation defines data in a graphical form, and it helps the decision makers to
develop a pattern of data. D3.js or Data Driven Documents is a Javascript Library that is used to
develop interactive as well as dynamic data visualisations. D3.js enables users to bind arbitrary
data to a Document Object Model (DOM). D3.js applies data-driven transformations to the
document. A user can generate HTML table from the array of numbers with the assistance D3.js.
D3.js solves the problem’s crux. It provides an effective manipulation of documents by data.
D3.js thus avoids proprietary representation and caters flexibility. One can get the full
functionalities of web standard such as CSS, HTML and SVG. It requires minimal overhead.
Also, D3.js is relatively fast and can support large datasets. D3.js technology supports dynamic
behaviours for animations well as interaction. The functional style of D3 enables the code reuse
through a collection of community-developed modules as well as official modules.
Selections: D3.js can be used as to modify the documents by using the W3C DOM API.
The method names used are verbose. D3.js takes the declarative approach and works on an set of
nodes known as selections. W3C Selectors API defines the selectors, and nearly all the modern
browsers support the selectors. The D3.js elements can be selected utilising the predicates; the
predicates involve ID, containment, attribute values and class.
D3.js caters various methods for the nodes mutation. D3.js is used to set attributes or
styles. The D3.js is useful to register event listeners. D3.js can prove to be useful for adding and
removing nodes. The nodes can also be sorted with the help of D3.js. The text content, as well as
the HTML code, can be changed with the help of D3.js.
Data Visualization Using D3JS_3

End of preview

Want to access all the pages? Upload your documents or become a member.

Related Documents
Dynamic Web Programming: Creating a RESTful JSON back-end API using PHP
|6
|547
|114

Improving Personalization and Customization of Web Applications with Bootstrap and MontageJS
|12
|911
|47

Critical Report on the Development of Tribute Website using HTML5 and CSS3
|5
|1517
|417