sw1227’s diary

Visualization, GIS, Machine Learning, Generative Art, Simulation, Math

JavaScript

兵庫県土の1m精度3次元データをWeb地図上に3D可視化【DSM】

兵庫県がオープンデータとして公開した1m精度の「全県土分の高精度3次元データ」をダウンロードして加工し、地図上に点群として可視化します。マウス等を使ってグリグリと様々な方向から眺めたり、点群を標高に応じて色分けしたりすることも可能になります。

道路方向を可視化して地域の地理的・社会的特性を理解する(JavaScript)

1. はじめに 2. 例 2.1. 京都駅周辺(碁盤の目) 2.2. 長野県須坂市(迷路) 2.3. 彦根(城下町) 2.4. 多摩川(川辺) 2.5. 神戸(海と山の間) 3. 実装 3.1. 基本方針 3.2. 今回の実装の特徴(フレームワーク等) 3.3. 詳細 地図・道路 画面上の領域を取得…

複素関数のカラフルな可視化をPython・JavaScriptで実装する

複素関数の性質を可視化するために用いられるDomain Coloring(定義域の着色)という手法を、直感的なイメージから具体的なアルゴリズムまで含め解説する。PythonとJavaScriptによる実装も紹介し、様々な複素関数を可視化した画像も掲載。

Calabi-Yau多様体をブラウザ上に可視化する(Three.js)

超弦理論の要請する9次元空間と我々の認識する3次元空間の間の齟齬は、Calabi-Yau多様体によって説明できると言われている。この記事では、Calabi-Yau多様体の3D可視化方法と、JavaScriptにおける実装結果を紹介する。

はてなブログのシンタックスハイライトを綺麗にする

1. 背景 2. highlight.jsの導入 2.1. highlight.jsを取得 2.2. 行間の調整 3. 使い方 注意点 1. 背景 例えばPythonのコードをはてなブログに貼り付けたい場合、 ```python 【ソースコード】 ``` と記述することで以下のように表示されます。 @app.route("/li…