Visualization of Real Time Data Driven Systems using D3 Visualization Technique

International Journal of Computer Science and Engineering
© 2016 by SSRG - IJCSE Journal
Volume 3 Issue 5
Year of Publication : 2016
Authors : Eesha Karn

How to Cite?

Eesha Karn, "Visualization of Real Time Data Driven Systems using D3 Visualization Technique," SSRG International Journal of Computer Science and Engineering , vol. 3,  no. 5, pp. 53-58, 2016. Crossref,


Integrating multiple information and communication technologies in a smart city requires numerous web applications as well as mobile-based applications which result in analysis terabytes or even zettabytes of data. Therefore handling such a huge amount of data in a very pristine and efficient manner is the need of the hour. So, It is a big challenge for us to visualize such a huge amount of data. There are various such types of Charting Libraries. One of them is D3.D3 stands for Data Driven Documents and follows the principle of DOM (Document Object Model).D3 helps designers in binding arbitrary data with the document elements and thus elements are modified and generated.[8] This increases the expressiveness and hence makes analysis easier.


Pristine, mobile-based, visualize, Charting Libraries, D3, DOM


[1] R. A. Becker and W. S. Cleveland. Brushing scatter plots. Technometrics,29:127–142, May 1987.
[2] M. Bostock and J. Heer. Protovis: A graphical toolkit for visualization.IEEE Trans Vis and Comp Graphics, 15(6):1121–1128, 2009.
[4] L. Byron and M. Wattenberg. Stacked graphs – geometry & aesthetics.IEEE Trans. Vis. and Comp. Graphics, 14(6):1245–1252, 2008.
[5] S. K. Card, J. D. Mackinlay, and B. Shneiderman, editors. Readings in information visualization: using vision to think. Morgan Kaufmann, San Francisco, CA, 1999.
[6] d3.js., Mar 2011.
[9] Flare., Mar 2011.
[10] M. A. Harrower and C. A. Brewer. An online tool for selecting color schemes for maps. The Cartographic Journal, 40:27–37, 2003.
[12] J. Heer and M. Agrawala. Software design patterns for information visualization.IEEE Trans Vis and Comp Graphics, 12(5):853–860, 2006.
[13] J. Heer and M. Bostock. Declarative language design for interactive visualization. IEEE Trans Vis and Comp Graphics, 16(6):1149–1156, 2010.
[14] J. Heer, S. K. Card, and J. A. Landay. prefuse: a toolkit for interactive information visualization. In Proc. ACM CHI, pages 421–430, 2005.
[15] J. Heer and G. G. Robertson. Animated transitions in statistical data graphics. IEEE Trans Vis and Comp Graphics, 13(6):1240–1247, 2007.
[16] P. Hudak. Building domain-specific embedded languages. ACM Computing Computing Surveys, 28:196, December 1996.
[17] S. Hudson and J. T. Stasko. Animation support in a user interface toolkit:Flexible, robust, and reusable abstractions. In ACM UIST, pages 57–67,1993.
[18] JavaScript InfoVis Toolkit., Mar 2011.
[19] jQuery., Mar 2011.
[20] M. Krzywinski, J. Schein, I. Birol, J. Connors, R. Gascoyne, D. Horsman, S. J. Jones, and M. A. Marra. Circos: An information aesthetic for comparative genomics. Genome Research, 19(9):1639–1645, Sep 2009.
[21] B. Shneiderman, “The eye have it: A task by data type taxonomy for information visualizations,” in Visual Languages, 1996.
[22] A guide to choosing the right chart type, Szoka, Kathryn, Professional Communication, IEEE Transactions on Volume: PC-25 , Issue: 2 , Publication Year: 1982 , Page(s): 98 - 101.
[23] Daniel A. Keim, “Information Visualization and Visual Data Mining”,IEEE TRANSACTIONS ON VISUALIZATION AND COMPUTER GRAPHICS, VOL. 7, NO. 1, JANUARY-MARCH 2002.
[24] “Use and Misuse of Graphical Representations”
[25] “Chart”
[26] Detecting and visualizing refactorings from software archives, Gorg, C. ; Weissgerber, P. Program Comprehension, 2005. IWPC 2005. Proceedings. 13th International Workshop on Publication Year: 2005 , Page(s): 205 – 214.
[27] “FusionCharts by Features”
[28] “Highcharts”
[30] “Data Driven Document”