Mapbox GL JS ver.2はオープンソースではなくなってしまいました。 – GUNMA GIS GEEK

2020/12/10 10 users オープンソース

MAPBOX GL JS V2: 3D MAPS + CAMERA API + SKY API LAUNCH このブログでも何度か紹介したことがあるMapbox社が提供しているWebGLベースの地図ライブラリ Mapbox GL JSのver.2が公開されました。 Camera APIやSky APIなど、三次元での表現力を増すような新しい機能が追加され、またレンダリングスピードも向上しているそ... 続きを読む

医療機関の医療提供体制の状況を地図にプロットした。 – GUNMA GIS GEEK

2020/05/16 8 users 地図 material-ui 医療機関 医療提供体制 内閣官房

新型コロナウイルス感染症対策推進室（内閣官房）にて、先日公開された「全国医療機関の医療提供体制の状況」のデータを地図にプロットしてみました。 政府CIOポータルの方でも地図にプロットされた状態で公開されているのですが、少し動作が重くて見づらかったのと、 Deck.gl + Material-UI の練習がてら作ってみました... 続きを読む

Uber社の全部盛りデータ可視化ツールスイート「Vis.gl」一覧 – GUNMA GIS GEEK

2019/07/03 62 users Vis.gl deck.gl Uber社 オープンソース

Vis.gl - Uber Vis Team Uber社がオープンソースとして公開している可視化ツールとでは「Deck.gl」が有名ですが、他にもUber社の持つ巨大なデータセットを分析するために作成されたさまざまなデータ可視化ツールがオープンソースとして公開されています。「Vis.gl」はそれらUber社が作成し公開している可視化ツールをま... 続きを読む

サイト上で実行されるプログラムについて同意を確認するためのプログラム – GUNMA GIS GEEK

2018/06/19 119 users 同意 プログラム クライアントサイド WordPress 昨今

昨今、クライアントサイドでプログラムを実行するリスクが高まっています。 そこで、ページ上で実行されるプログラムについて閲覧者に同意を求めるプログラムをこのページに埋め込んでみました。 ひとえにクライアントサイドで実行されるプログラムといっても様々なものがあります。 例えばこのブログはWordpressで作ら... 続きを読む

巨大な地理空間データをサクッと可視化できる、Uber社製オープンソースwebGIS「Kepler.gl」 – GUNMA GIS GEEK

2018/05/31 58 users WebGL 地理空間データ deck.gl フレームワーク

巨大な地理空間データをサクッと可視化できる、Uber社製オープンソースwebGIS「Kepler.gl」 kepler.gl Uber社では、自社で集めた地理空間データを可視化するためのフレームワーク deck.gl をオープンソースとして公開していますが、deck.glを用いて作成されたwebGIS「Kepler.gl」のver.1.0が公開されました。 webGLに対応したブラウザであれば、サ... 続きを読む

Uber社製、ジオビジュアライゼーションフレームワーク「deck.gl」を触ってみた。 – GUNMA GIS GEEK

2017/11/15 38 users deck.gl WebGL React コンポーネント

deck.glとは？ deck.gl Uber社がオープンソースとして公開しているWebGLベースの地理情報視覚化フレームワークです。 webGLを利用しているため、比較的データ量の多い地理情報もフロントエンドに表示することができます。 Reactのコンポーネントとして作成されているため、いままであまり手を出して来なかったのですが、最近Reactを勉強し始めたついでに弄ってみました。 今回は、とり... 続きを読む

まるでシムシティのようなWeb地図ライブリラリ「eegeo.js」 – GUNMA GIS GEEK

2017/03/14 691 users シムシティ

eeGeo eeGeoは、「グランド・セフト・オート」と「レミングス」のクリエイティブディレクターであったイアン ヘザーリントン氏が2010年9月に設立した3D地図を提供する会社です。 日本では、NTTドコモがライセンス供与を受け、屋内3Dマップの提供などを行っています。 今のところ、日本では3Dで表示できる地域がないのですが、ゲーム業界のノウハウを用いた地図サービスとして個人的に期待しています。... 続きを読む

[iPhone]いつでも、どんなアプリにもスニペット(定型文)を呼び出して貼付けられるカスタムキーボード「Snipboard」 | GUNMA GIS GEEK

2014/12/05 25 users カスタムキーボード iPad 両親 フルスクリーン 生存確認

iPhoneで複数のWebサイトの生存確認を行うアプリ「Scott’s Pinger」 複数のwebサイトを管理していると、iPhoneから簡単にそれらの生存確認(ちゃんと表示され 記事を読む 両親に贈るのに最適だった「iPad教科書」 【2014/10/30追記】 ※ 書籍を紹介してからだいぶ時間が経ちiPadのOSも変わっため、下 記事を読む 【iPhone/iPad】フルスクリーンで「ホーム... 続きを読む

Excel上でD3.jsを使ったグラフを表示する「E2D3」を使ってオリジナルなグラフを表示してみた。 | GUNMA GIS GEEK

2014/10/29 88 users グラフ Excel上 ファーストインプレッション d3.js

Excel上でD3.jsを使ったグラフを表示する「E2D3」を使ってオリジナルなグラフを表示してみた。 ファーストインプレッション！ E2D3 ver. 0.2 (Excel to D3) | MA【エム・エー】 by Mashup Awards Excelでいつも作っているグラフをもっと恰好良くしたくないですか？でも，デザインソフトを自分で習得するには時間がかかりますし，グラフ作成をデザイナーに... 続きを読む

ハイクオリティでちょーかっこいいデータ視覚化地図が作れる「Leaflet-dvf」 | GUNMA GIS GEEK

2014/06/20 13 users ハイクオリティ データビジュアライゼーション ライブラリ

「Leaflet-dvf」は、ベース地図にLeaflet.jsを用い、地理情報を可視化するために必要なライブラリをまとめたデータビジュアライゼーションフレームワークです。 サイトに掲載されているサンプルを見ても解るように、非常にクオリティが高くデザイン性に富んだ視覚化地図を作成することができます。 データビジュアライゼーションの参考書に良く出てくる Charles Minard が作成した「ナポレ... 続きを読む

【D3.js】 LeafletにSVGをオーバーレイする。 | GUNMA GIS GEEK

2014/05/14 50 users Leaflet SVG モバイルフレンドリー オーバー ソース

Leafletは、モバイルフレンドリーでインタラクティブな地図をWeb上に表示するJavaScriptライブラリです。最近、海外での存在感が高まっているような気がします。 今回は、D3で作成したsvg要素をLeaflet上にオーバーレイしてみました。 (まだ、ソースのコメントに書いたこと以上の知識がないので、サンプルコードのみで詳しい解説はありません) サンプル D3.jsとともにLeaflet.... 続きを読む

Google Map上にGeoJSONデータを表示する | GUNMA GIS GEEK

2014/03/20 45 users GeoJSON Google Map上 API Google

Google、地図アプリのデベロッパー向けJavaScript APIでGeoJSONをサポート Google Maps APIでGeoJSONデータがサポートされたらしいので、試してみました。（一部、D3.jsを使用しています） 【参考】 Combining and visualising multiple data sources – Google Maps API — Google Deve... 続きを読む

「エンジニアのための データ可視化[実践]入門 ~D3.jsによるWebの可視化」感想 | GUNMA GIS GEEK

2014/02/27 26 users エンジニア 入門 実践 web 可視化

データの可視化とは、「データに含まれる事実・示唆を効率よく発見する技術」、「データから発見した事実・示唆を明確に伝える技術」ということができます。本書では、データ可視化の基本に始まり、何を可視化すべきで、誤った考え方は何かなどを解き明かしたあと、JavaScriptライブラリD3.jsの使い方、D3.jsによるWebの可視化のさまざまなケーススタディまで、エンジニアの方がさまざまな業務の現場で直面... 続きを読む

PDFから表データをぶっこ抜く「Nitro Cloud」 | GUNMA GIS GEEK

2013/12/24 65 users PDF 表データ メンドウ Excel DATA GO

DATA GO JPに並んでいるデータセットが「PDFばかりじゃないか！」とお嘆きの方へ。 Nitoro Cloud PDF to Excel PDFで公開されているデータというのは、わりと扱いにくかったりします。 ドキュメント内で表組みされているデータを取得しようと、表を選択してExcelにコピペしても表のレイアウト情報はコピーされないため整形しなおす必要があったりするので、しごくメンドウです。... 続きを読む

スクレーパー共有サイト「ScraperWiki」がリニューアルして凄い事に！　 | GUNMA GIS GEEK

2013/12/12 20 users クローラー プラットフォーム データサイエンス 分析 可視化

以前、オープンデータまで待てない人の、スクレーパー共有サイト(ScraperWiki)という記事を書きましたが、スクレーパー(クローラー)共有サイトのScraperWikiが大幅にリニューアルされていました。 データを取得するだけでなく、データの可視化、分析などまでも行えるデータサイエンスのプラットフォームとなることを目指すそうです。 ScraperWiki is a platform for d... 続きを読む

【D3.js + node.js】 ブログのデータをGithub風のカレンダーに表示する | GUNMA GIS GEEK

2013/07/26 37 users GitHub風 node.js カレンダー GitHub セル

example WordPressもくもく勉強会@群馬 #1で作成したものです。 サンプルコードが公開されているのでそれを元に作成しました。 Githubのカレンダー表示機能はD3.jsで作成されているのですが、そのBlog版のようなものです。 ↓これ 色がついているセルが記事を描いた日、同じ日に書いた記事が多いほど濃い緑色で表示されるようになってます。 セルにマウスオーバーすると記事のタイトルが... 続きを読む

プログラミング教育はプログラマーの育成を目的としなくていい | GUNMA GIS GEEK

2013/06/13 20 users プログラマー 絵描き 賛否両論 賛成 プログラミング

ちょっと待った！小中学校でのプログラミング教育 小中学校でのプログラミング教育については賛否両論あるみたいですね。 個人的には賛成です。 美術の授業は子供を絵描きやアーティストとして育てるために行われるわけでは無いし、音楽の授業も別に世の中に音楽家を増やす目的で行われているものでもないのだから、プログラミングの授業だって別に将来の優秀なプログラマーを育てることを目的としなくてもいいはずです。 むし... 続きを読む

ゴールデンウィーク中にD3.jsを学びたい方にお勧めな厳選まとめ | GUNMA GIS GEEK

2013/04/27 227 users ゴールデンウィーク中 チュート 厳選まとめ d3.js

「データビジュアライゼーション（D3.js）を学ぶための教材まとめ」も大分量が増えてきて、初めてD3.jsを学ぶという人にはどこから手をつけて良いものか解りづらくなってきました。 そこで、ゴールデンウィーク中にD3.jsを学んでみたいという方に、いくつか厳選してお勧めしてみたいと思います。 スライドを眺める まずはD3.jsがどんなライブラリなのか把握しましょう ・about d3.js チュート... 続きを読む

モラルを理由に表現の自由に制限をかけるべきか。 | GUNMA GIS GEEK

2013/04/16 23 users モラル 制限 表現 理由

他人の家を無断で撮影して小馬鹿にした挙句それを指摘されると即ブロックという自称工場萌え大山顕のクソっぷり ※以下は、あくまで個人の見解。 基本的に公の場に置かれている人・物を撮影するのに許可は必要ない。 肖像が商品となる芸能人なんかの場合はパブリシティ権が、晒し目的の場合は名誉毀損や侮辱罪が引っかかる場合があるけれど、件の記事はどちらにも当てはまらないと思う。（あと自治体によっては迷惑防止条例に引... 続きを読む

【D3.js】鶴舞う形の群馬県をSVGで描いてみる | GUNMA GIS GEEK

2013/01/21 28 users SVG GeoJSON 群馬県 地図 前回

前回のつづき。D3.js ver.3を使ってSVGで地図の作成をおこないます。 なお、D3.js ver.3の新機能については以下を。 D3.js 3.0 の新機能 データの作成 地図の元となるデータを作成します。 国土数値情報ダウンロードサービスから群馬県の行政区域データをダウンロードします。 ダウンロードしたファイルの中から、dbfファイルをQuantum GISに読み込ませてGeoJSONに... 続きを読む