Explore chapters and articles related to this topic
Sports Analytics: Visualizing Basketball Records in Graphical Form
Published in Mohiuddin Ahmed, Al-Sakib Khan Pathan, Data Analytics, 2018
Muye Jiang, Gerry Chan, Robert Biddle
Our program is based on HTML, CSS, and JavaScript programming language that are the core technologies for web development. Recall that our program consists of two parts. For the first part, since the text game data provided by the NBA’s official website [1] utilizes a unified format, we used JavaScript language’s original string methods to convert the data into our designed structure. For the second part, we used SVG (Scalable Vector Graphics) to draw our visualization because SVG specification is an open standard developed by W3C (World Wide Web Consortium) and it has many good characteristics. For example, SVG is based on vector images and is very flexible. The visualization’s dynamic parts were implemented by the D3.js JavaScript library [18]. D3’s core idea is based on data-driven documents [18] so it is convenient to manipulate the document’s elements. For some of our program’s functions, such as filtering a specific player’s game record on the visualization, we filtered the game’s data, and D3 helped us remove the unbound game record (other players’ record) from the visualization.
Visualization of the trade information of agricultural products
Published in Xiaoling Jia, Feng Wu, Electromechanical Control Technology and Transportation, 2017
Web development is based on B/S structure, which is divided into frontend and backend development. The frontend development, development of the page, is based on the technology of HTML, Javascript, and so on (Xiaoting Ma, 2015). HTML is used for the development of static pages, whereas Javascript is for dynamic pages. The backend development, server-side development, is for the realization of the business logic of the site, and the development language of backend mainly include ASP, PHP, Java, and Python.
Internetworking flood disaster mitigation system based on remote sensing and mobile GIS
Published in Geomatics, Natural Hazards and Risk, 2020
Supattra Puttinaovarat, Paramate Horkaew
Google Maps API is a development tool that facilitates integration of Google Maps into application software or a web page as its components (Liang et al. 2012). In a web development, for example, the code may be written in Hypertext Markup Language (HTML) and JavaScript, interfaced with Hypertext Preprocessor (PHP) or Java, in the backend (Choimeun et al. 2010). By using this API, geospatial information is located on a map by a push pin or place maker, and presented by using polylines, polygons or ground overlays, etc. It features are good quality maps and satellite images, and their global coverage at various scales. These advantages have substantially reduced the development costs, especially those normally spent on data acquisitions. In addition, Google Map API was developed with JavaScript and licensed under an opensource terms (Lee 2009). Therefore, software developers could access its source code and modify when needed to suite their purpose. The API has since been extensively employed in many geomatic fields, e.g. tourism (Pejic et al. 2009), transportation, (Derdus & Ozianyi 2014), hazard monitoring (Hussain et al. 2009; Jeeramard and Tangwannawit 2014; Wan et al. 2014) and it risk assessments (Siddayao et al. 2015), etc. According to the recent survey on using Google Map API in flood management, the API was generally used as notification and reporting agents. To the best of our knowledge, it has not yet been used with satellite images and onsite survey in flood verification and assessment.