Scientific Data Visualization in the Web

a Design-centered User Revision of Semantic Resources

Authors

  • Paulo Henrique Vieira Cândido Federal Institute of Education, Science and Technology of São Paulo - IFSP Campus Itapetininga
  • Carlos Henrique da Silva Santos Federal Institute of Education, Science and Technology of São Paulo - IFSP Campus Itapetininga

Keywords:

Scientific Data Visualization, Interfaces Adaptability, Web Development, Numerical Methods, User Experience (UX)

Abstract

The development of numerical methods by scientific computation has required and demonstrated new interaction and development ways conducted by emerging technologies from the Web area. The availability of many resources for numerical data visualization generated by these methods could introduce more difficulties along the developers responsibilities. In this context, this work aims to present an analysis based on the implementation and interaction practice for final users with the libraries Plotly, ApexCharts and C3 js, validating them in three different scenarios and considering availability attributes listed as essential in the literature.

Downloads

Download data is not yet available.

Author Biographies

Paulo Henrique Vieira Cândido, Federal Institute of Education, Science and Technology of São Paulo - IFSP Campus Itapetininga

Undergraduate in Full Degree in Physics at the Federal Institute of Education, Science and Technology of São Paulo (IFSP) Campus Itapetininga, an institution in which he also obtained the title of Computer Technician and worked as a fellow working in the development of Web Apps and integrations of Web Systems interfaces with numerical methods. He has experience in the areas of Computer Science, Graphic Design, User Interface and Experience Patterns and development of Progressive Web Apps, with an emphasis on user utilization research and interface improvement techniques.

Carlos Henrique da Silva Santos, Federal Institute of Education, Science and Technology of São Paulo - IFSP Campus Itapetininga

He holds a degree in Computer Technology from the State University of Campinas (2003), a master's degree in Electrical Engineering from the State University of Campinas (2005) and a PhD in Electrical Engineering from the State University of Campinas (2010). He is currently a professor at the Federal Institute of Education, Science and Technology of São Paulo (IFSP), campus Itapetininga. He also has international experiences, acting as a visiting professor, with FAPESP scholarship, at the Massachusetts Institute of Technology (MIT) (Dec / 2012-Feb / 2013), visiting researcher at Cornell University (2010) and at Technische Universität München (2009) funding from the Erasmus Mundus Program (Eubranex). His research focuses on computational intelligence, high performance computing, computational electromagnetism and information technology in education.

References

APEXCHARTS, Inc. ApexCharts: Modern & Interactive Open-source Charts. 2021. Disponível em: <https://apexcharts.com/>. Acesso em: 25 de fev. de 2021.

BORCHERDS P. H., Python: a language for computational physics, Computer Physics Communications, Volume 177, Issues 1–2, 2007, Pages 199-201, ISSN 0010-4655. doi: [https://doi.org/10.1016/j.cpc.2007.02.019] Disponível em: <https://www.sciencedirect.com/science/article/pii/S0010465507000732>. Acesso em: 23 de fev. de 2021.

BUENO, Danilo Camargo. HyMobWeb: uma abordagem para a adaptação híbrida de interfaces Web móveis sensíveis ao contexto e com suporte à multimodalidade. 2017. Disponível em: <https://repositorio.ufscar.br/handle/ufscar/9157>. Acesso em: 23 de fev. de 2021.

BUENO, Danilo Camargo; ZAINA, Luciana Martinez. HyMobWeb: A hybrid adaptation of context-sensitive Web interfaces with multimodality support in mobile devices. SBC Journal on Interactive Systems, v. 8, n. 2, p. 20-34, 2017. Disponível em: <https://www.seer.ufrgs.br/jis/article/view/73165>. Acesso em: 23 de fev. de 2021.

CANDIDO, Paulo Henrique Vieira; Problemas de interação na adaptação de interface Web móvel em Frameworks Front-end. Trabalho de Conclusão de Curso - Instituto Federal de Educação, Ciẽncia e Tecnologia de São Paulo - IFSP Campus Itapetininga, 2017. Disponível em: <https://drive.ifsp.edu.br/s/CoQpCEY3zC00jw6>. Acesso em: 23 de fev. de 2021.

CANDIDO, Paulo Henrique Vieira et al. Panda: Uma Nova Ferramenta Web Responsiva Para Auxiliar no Ensino e Comunicação de Pessoas com Limitações Psicomotoras. Revista Brasileira de Informática na Educação, v. 29, p. 25-47, 2021. Disponível em: <https://www.br-ie.org/pub/index.php/rbie/article/view/v29p25>. Acesso em 25 de fev. de 2021.

CANDIDO, Paulo Henrique Vieira, SILVA-SANTOS, Carlos Henrique da, VOTTO, Luíz Felipe. and AMBROSIO Leonardo Ambrosio, Semantic Web-based System for Light Scattering Using the Generalized Lorenz-Mie Theory, 2019 PhotonIcs & Electromagnetics Research Symposium - Spring (PIERS-Spring), Rome, Italy, 2019, pp. 3217-3224, doi:[10.1109/PIERS-Spring46901.2019.9017438]. Disponível em: <https://ieeexplore.ieee.org/document/9017438>. Acesso em 23 de fev. de 2021.

CANDIDO, Paulo Henrique Vieira; BUENO, Danilo Camargo; SANTOS, Carlos Henrique Silva. Análise da utilização de framework front-end em sistema web adaptativo: um estudo da perspectiva do desenvolvedor. Revista Brasileira de Iniciação Científica, v. 7, n. 1, p. 31-54, 2020a. Disponível em: <https://periodicos.itp.ifsp.edu.br/index.php/IC/article/view/1592/0>. Acesso em: 23 de fev. de 2021.

CANDIDO, Paulo Henrique Vieira; SANTOS, Carlos Henrique da Silva. OptX.SaaS: Novo Simulador Óptico em Nuvem. In: Anais do MOMAG 2020 - 19º SBMO: Simpósio Brasileiro de Micro-ondas e Optoeletrônica e 14º CBMag - Congresso Brasileiro de Eletromagnetismo. São Caetano do Sul: SBMO, 2020b. p. 896-898. Disponível em:<https://www.sbmo.org.br/evento/55/momag-2020>. Acesso em: 23 de fev. de 2021.

ELLWANGER, Cristiane; DA ROCHA, Rudimar Antunes; DA SILVA, Régio Pierre. Design de interação, design experiencial e design thinking: a triangulação da interação humano-computador (IHC). Revista de Ciências da Administração, v. 17, n. 43, p. 26-36, 2015. Disponível em:<https://www.redalyc.org/pdf/2735/273543309003.pdf>. Acesso em: 23 de fev. de 2021.

GEBREMESKEL, Gebeyehu Belay; HAILU, Birhanu; BIAZEN, Belete. Architecture and optimization of data mining modeling for visualization of knowledge extraction: Patient safety care. Journal of King Saud University-Computer and Information Sciences, 2019. Disponível em:<https://www.sciencedirect.com/science/article/pii/S1319157819308754>. Acesso em: 23 de fev. de 2021.

GITHUB, Inc. GitHub: Where the world builds software. Disponível em: , 2021a, Acesso em: 17 de fev. de 2021.

GITHUB, Inc. The State of the Octoverse | The State of the Octoverse explores a year of change with new deep dives into developer productivity, security, and how we build communities on GitHub. Disponível em: <https://octoverse.github.com/>, 2021b. Acesso em: 17 de fev. de 2021.

HARRIS, C.R., MILLMAN, K.J., WALT, S.J. van der et al. Array programming with NumPy. Nature 585, 357–362 (2020). doi:[10.1038/s41586-020-2649-2], Disponível em: <https://doi.org/10.1038/s41586-020-2649-2>. Acesso em: 23 de fev. de 2021.

JAIN, Nilesh. Review of different responsive css front-end frameworks. Journal of Global Research in Computer Science, v. 5, n. 11, p. 5-10, 2014. Disponível em: <https://www.rroij.com/open-access/review-of-different-responsive-css-frontend-frameworks.php?aid=52575>. Acesso em: 24 de fev. de 2021.

KYRIAKIDIS, Alex; MANIATIS, Kostas. The Majesty of Vue. js. Packt Publishing Ltd, 2016.

LOWDERMILK, Travis. Design Centrado no Usuário: um guia para o desenvolvimento de aplicativos amigáveis. Novatec Editora, 2019.

MCNANEY, Róisín et al. Speeching: Mobile crowdsourced speech assessment to support self-monitoring and management for people with Parkinson's. In: Proceedings of the 2016 CHI Conference on Human Factors in Computing Systems. 2016. p. 4464-4476. doi:[10.1145/2858036.2858321].

MROZEK, Dariusz. A review of Cloud computing technologies for comprehensive microRNA analyses. Computational Biology and Chemistry, p. 107365, 2020. Disponível em:<https://www.sciencedirect.com/science/article/abs/pii/S1476927120307696>. Acesso em: 23 de fev. de 2021.

NIELSEN, Jakob. Ten usability heuristics. 2005. Disponível em: <https://pdfs.semanticscholar.org/5f03/b251093aee730ab9772db2e1a8a7eb8522cb.pdf>. Acesso em: 23 de fev. de 2021.

PATIL, Mayur M. et al. A qualitative analysis of the performance of MongoDB vs MySQL database based on insertion and retriewal operations using a web/android application to explore load balancing—Sharding in MongoDB and its advantages. In: 2017 International Conference on I-SMAC (IoT in Social, Mobile, Analytics and Cloud)(I-SMAC). IEEE, 2017. p. 325-330. Disponível em:<https://ieeexplore.ieee.org/abstract/document/8058365>. Acesso em: 23 de fev. de 2021.

PLOTLY. Plotly: visualize data, together. 2021. Disponível em: <https://plotly.com/javascript/>. Acesso em: 19 de fev. de 2021

SANTANA, Daniela Santos; DA SILVA SANTOS, Carlos Henrique; FIGUEROA, Hugo Enrique Hernandez. Human-computer interface techniques to design and evaluate an electromagnetic simulator. IEEE Latin America Transactions, v. 12, n. 4, p. 725-732, 2014. Disponível em:<https://ieeexplore.ieee.org/abstract/document/6868876>. Acesso em: 23 de fev. de 2021.

SANTOS, Carlos Henrique da Silva. Computação bio-inspirada e paralela para a análise de estruturas metamateriais em microondas e fotônica. 2010. 155 p. Tese (doutorado) - Universidade Estadual de Campinas, Faculdade de Engenharia Elétrica e de Computação, Campinas, SP. Disponível em: <http://www.repositorio.unicamp.br/handle/REPOSIP/260809>. Acesso em: 23 fev. de 2021.

SCHMIDT, Vincent A. User interface design patterns. AIR Force Research Lab Wright-patterson Afb Oh Human Effectiveness Directorate, 2010. Disponível em: <https://apps.dtic.mil/sti/citations/ADA530798>. Acesso em: 23 de fev. de 2021.

SHI, Yan et al. Human-computer interaction based on face feature localization. Journal of Visual Communication and Image Representation, v. 70, p. 102740, 2020. Disponível em: <https://www.sciencedirect.com/science/article/pii/S104732031930361X>. Acesso em: 23 de fev. de 2021.

TANAKA, Masayuki. Comfortable, Customizable, Controllable (C3): D3-based reusable chart library, 2014. Disponível em: <https://c3js.org/>, Acesso em: 19 de fev. de 2021.

TILKOV, Stefan; VINOSKI, Steve. Node. js: Using JavaScript to build high-performance network programs. IEEE Internet Computing, v. 14, n. 6, p. 80-83, 2010. Disponível em: <https://ieeexplore.ieee.org/abstract/document/5617064>. Acesso em: 23 de fev. de 2021.

TOXBOE, Anders. User interface design pattern library. UI Patterns, 2013. Disponível em: <http://ui-patterns.com/>. Acesso em: 23 de fev. de 2021.

TSAY, Jason; DABBISH, Laura; HERBSLEB, James. Influence of social and technical factors for evaluating contribution in GitHub. In: Proceedings of the 36th international conference on Software engineering. 2014. p. 356-366. Disponível em: <https://dl.acm.org/doi/abs/10.1145/2568225.2568315>. Acesso em: 23 de fev. de 2021.

Additional Files

Published

2021-03-11

How to Cite

Candido, P. ., & Silva-Santos, C. H. (2021). Scientific Data Visualization in the Web: a Design-centered User Revision of Semantic Resources. Revista Brasileira De Iniciação Científica, 8, e021012. Retrieved from https://periodicoscientificos.itp.ifsp.edu.br/index.php/rbic/article/view/358

Issue

Volume 8, 2021 – publicação Contínua

Section

Artigos

License

Copyright (c) 2021 Revista Brasileira de Iniciação Científica

Creative Commons License

This work is licensed under a Creative Commons Attribution-NonCommercial-NoDerivatives 4.0 International License.