An Example Use of Python for Beginner.

Image for post
Image for post
Photo by Amanda Jones on Unsplash

This short article will guide you how you can convert the .docx word document to the simple web page document (.html) or Markdown document (.md) in an easy way with some help of Python-based CLI — Mammoth.

According to the statistic from Statista survey (Jan 6, 2020), the Microsoft Office Suite is the most popular office software. You can easily take a quick note, short report, tutorial document, etc. …

Hands-on Tutorials

A Step-by-Step Tutorial to Visualize CityGML on the Web App — A Sample Area of Den Haag City, Netherlands.

Image for post
Image for post
Screenshot of Expected Output from This Tutorial — 3D Web App with 3D Semantic Building Models in Den Haag Area (by Author)

The recent technology of virtual globe-based 3D visualization is a unique opportunity to facilitate advanced analysis and visualization tasks in a variety of application domains such as urban planning, indoor/outdoor pedestrian navigation, environmental simulations, cultural heritage, or facility management. One core data which make this concept come true is the development of the CityGML models by Open Geospatial Consortium (OGC — CityGML is the global data model schema for describing 3D geo-spatially-enabled urban models. There are more and more cities that provide open-source CityGML models publicly.

This article will guide you on how to create an interactive 3D web map with CesiumJS based on these CityGML 3D city models dataset. This guide-material was originally created (by author) especially for a workshop in the Netherlands Center for Geodesy and Geo-Informatics (NCG) Symposium 2020. …

Using QGIS to explore the CityJSON 3D City Models.

Image for post
Image for post
Photo by Devin Avery on Unsplash

In Geospatial Data Science, the 3D data models recently play an important role in the research and visualization projects. QGIS is one of the most popular free and open-source cross-platform desktop GIS application software that every GIS geek knows. Since version 3.0 of the QGIS, a separate interface is responsible for 3D data visualization of the Point cloud and Digital Elevation Models. It’s called the 3D map view and is accessed from the View context menu.

However, the usual way the building- or city models had been visualized in the 3D GIS projects is by extruding the building footprints. This will result in the Level of Details-1. In 2020, the QGIS plugin for loading CityJSON 3D city models in QGIS has been developed [1]. Accordingly, it is possible to visualize the building models at a higher Level of Details. …

A complete list of open-Source 3D city models

Image for post
Image for post
3D City Models of the New York City in the 3D Tiles format visualized in the CesiumJS framework. (by Author)

*Updated in Nov 2020

Why Semantical models?

In the recent Geo Data Science projects, there are more and more uses of the semantical 3D city models or advanced analysis and visualization tasks in a variety of application domains such as urban planning, indoor/outdoor pedestrian navigation, environmental simulations, cultural heritage, or facility management [1].

One of the most popular data schemas is an OGC CityGML. The CityGML is the global data model schema for describing 3D geo-spatially-enabled urban models; developed by the OGC (open geospatial consortium). …

Using PlantUML Extension in VS Code

Image for post
Image for post
Editing PlantUML Sequence Diagrams in VSCode (by Author)

In Data Science Project, UML Diagram is very essential to illustrate a conceptual model of your problem domains with the component- or class diagrams; or to show how your machine and algorithm works with the sequence- or activity diagrams. Some of you might draw this regularly on paper or using some software such as PWP or Adobe AI which causes you a headache sometimes if you not an expert.

Many online tools such as also allow you to draw the diagram but sometimes cause you much time to create a complex diagram. So, instead of drawing manually, this short article introduces an alternative way by showing how to draw diagrams using plain text (Easy-to-Understand Script) with PlantUML ( It is an open-source tool and syntax for creating a UML diagram. With this tool, you can create a wide variety of UMLs, from a simple flowchart to a complex diagram. …

An Easy Way to Create an Interactive Choropleth Map Using Google Sheet.

Image for post
Image for post
Photo by Puk Patrick on Unsplash

In Data Science, after you are done with the data analysis you probably need to explore or show the result with some nice interactive data visualization tools. Of course, one of these tools would include the interactive map where you can hold your mouse of the area and explore the data value. But, this process consumes so much time to learn and do.

This article will show you an alternative way for you to do create an interactive map from your dataset using Google Sheets in 1 minute. …

Coloring your app with this powerful tiny JavaScript library!

Image for post
Image for post
Photo by Daniele Levis Pelusi on Unsplash

Many developers design Color codes and scale with the CSS, pick the color from some online color palette. However, it is not everyone's favorite tool. The good news is we have the Chroma.js, a small library that can be a big help with generating the color scale within the JavaScript code. This means you can plug it into your JavaScript framework directly!

Let’s get started!


In your web application, you can use a link from CDNJS in your HTML doc

<script src="" integrity="sha512-yocoLferfPbcwpCMr8v/B0AB4SWpJlouBwgE0D3ZHaiP1nuu5djZclFEIj9znuqghaZ3tdCMRrreLoM8km+jIQ==" crossorigin="anonymous"></script>

Or, you can install it using the NPM as well.

$ npm install chroma-js

Example Usage

You can simply create a color scale within your JavaScript code with chroma.scale([<color1>,<color2>, ... , <color n>]) function which will create the color scale between the colors you assign. …


Exploring and Reporting Massive Datasets Right Inside Your Web-browser — With an example of COVID-19 Dataset

Image for post
Image for post
Photo by Luke Chesser on Unsplash

Many time, as Data Scientist, we waste so much time in the data storing, importing, managing, and cleaning process. In this short article, I will introduce you how to use Google Cloud service (BigQuery + DataStudio Free plan) to explore the open-source dataset with example COVID-19 dataset from the Google Cloud Public Datasets Program.

Image for post
Image for post
Sample of the public dataset from Google Big Query (Screenshot by Author from Google BigQuery)

Good News, It’s Free!

As with all data in the Google Cloud Public Datasets Program, Google pays for storage of datasets in the program. BigQuery also provides free queries over certain COVID-related datasets to support the response to COVID-19. …

Serving several websites through HTTPS from a simple Node.js app.

Image for post
Image for post
Multi-domain SSL in Node.JS illustration for this article by Chaeyun Kim

Serving a web application or API with Node.js is easy and simple. On top of that, you need a solution to get an SSL certificate to make your web or API accessible through HTTPS. The good news is that you can serve multi-domains for different purposes from a single Node.js app. This would help you save energy, time, and money. You may also follow this guide even if you want to create SSL only for a single domain.

So, let’s get started!

Step 1: Create a Simple Node.js-Express Server ⚡

Please, head to step 2 if you already have your existing Node.js application.

Browse to your project folder and initiate the Node.js application by using npm initcommand. Then, install the express module with npm install express command. …

Python 3.9 Has Released (October 5, 2020)! Let’s Install it!

Image for post
Image for post
Photo by David Clode on Unsplash

Since 2020–10–05, the new version of Python (3.9) was released with some new features and optimizations such as Union Operators in dict, Type Hinting Generics In Standard Collections, Flexible function, and variable annotations, and much more.

This article will show you a tutorial on how to update your Python to 3.9 in an easy way for Windows, Mac, and Linux operation systems.

Window OS

Simply download and install the Python 3.9 …


Joe T. Santhanavanich

M.Sc. in Photogrammetry and Geoinformatics. 📚LinkedIn:

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store