Webview

Webview

This would not be a project of mine without an unnecessary webtool.
This part of the project converts the raw data from the scraper into an interactive map.

---

Table of Contents

• Preprocessing
• Controls

---

Preprocessing

To show your collected data in the webview, follow these steps:

1. Collect enough data using the Scraper so trilateration can commence. (Read More)
2. Drag all your .xlsx files onto combine.py located in /Scraping/src/tools
3. A new .xlsx file will generate in the tools folder. Drag this file on top of resolver.py
4. A new .json file will generate. This is the file we will load into the webviewer
5. Open the webview.html with your browser.
6. Load in the .json file using the method described in the File Loader section in Controls

---

Controls

Map Controls

• Zoom in / out
• Switch between a Grayscale and Streets map
• Toggle a user / group

The map is also controlled by mouse scrolling (Zooming) and dragging (Panning). Clicking a marker will show it's trilateration circles.

Extended Controls

• Center - Will center your view back to the center of all markers
• Show All - Enables all markers
• Hide All - Disables all markers

File Loader

• Select File - Select a JSON file on your device to load in
• Load - Load in selected file

Settings

• Draw Circles - Draw the colored trilateration circles for each entity
• Draw Markers - Draw the blue / orange markers for each entity
• Show Unresolvable Users - Show data of users with less than 3 datapoints

Information

Contains general information about the webpanel and a legend for reference.