タグ GUNMA GIS GEEK
人気順 5 users 50 users 100 users 500 users 1000 usersMapbox GL JS ver.2はオープンソースではなくなってしまいました。 – GUNMA GIS GEEK
MAPBOX GL JS V2: 3D MAPS + CAMERA API + SKY API LAUNCH このブログでも何度か紹介したことがあるMapbox社が提供しているWebGLベースの地図ライブラリ Mapbox GL JSのver.2が公開されました。 Camera APIやSky APIなど、三次元での表現力を増すような新しい機能が追加され、またレンダリングスピードも向上しているそ... 続きを読む
Uber社の全部盛りデータ可視化ツールスイート「Vis.gl」一覧 – GUNMA GIS GEEK
Vis.gl - Uber Vis Team Uber社がオープンソースとして公開している可視化ツールとでは「Deck.gl」が有名ですが、他にもUber社の持つ巨大なデータセットを分析するために作成されたさまざまなデータ可視化ツールがオープンソースとして公開されています。「Vis.gl」はそれらUber社が作成し公開している可視化ツールをま... 続きを読む
サイト上で実行されるプログラムについて同意を確認するためのプログラム – GUNMA GIS GEEK
昨今、クライアントサイドでプログラムを実行するリスクが高まっています。 そこで、ページ上で実行されるプログラムについて閲覧者に同意を求めるプログラムをこのページに埋め込んでみました。 ひとえにクライアントサイドで実行されるプログラムといっても様々なものがあります。 例えばこのブログはWordpressで作ら... 続きを読む
巨大な地理空間データをサクッと可視化できる、Uber社製オープンソースwebGIS「Kepler.gl」 – GUNMA GIS GEEK
巨大な地理空間データをサクッと可視化できる、Uber社製オープンソースwebGIS「Kepler.gl」 kepler.gl Uber社では、自社で集めた地理空間データを可視化するためのフレームワーク deck.gl をオープンソースとして公開していますが、deck.glを用いて作成されたwebGIS「Kepler.gl」のver.1.0が公開されました。 webGLに対応したブラウザであれば、サ... 続きを読む
Uber社製、ジオビジュアライゼーションフレームワーク「deck.gl」を触ってみた。 – GUNMA GIS GEEK
deck.glとは? deck.gl Uber社がオープンソースとして公開しているWebGLベースの地理情報視覚化フレームワークです。 webGLを利用しているため、比較的データ量の多い地理情報もフロントエンドに表示することができます。 Reactのコンポーネントとして作成されているため、いままであまり手を出して来なかったのですが、最近Reactを勉強し始めたついでに弄ってみました。 今回は、とり... 続きを読む
まるでシムシティのようなWeb地図ライブリラリ「eegeo.js」 – GUNMA GIS GEEK
eeGeo eeGeoは、「グランド・セフト・オート」と「レミングス」のクリエイティブディレクターであったイアン ヘザーリントン氏が2010年9月に設立した3D地図を提供する会社です。 日本では、NTTドコモがライセンス供与を受け、屋内3Dマップの提供などを行っています。 今のところ、日本では3Dで表示できる地域がないのですが、ゲーム業界のノウハウを用いた地図サービスとして個人的に期待しています。... 続きを読む
[iPhone]いつでも、どんなアプリにもスニペット(定型文)を呼び出して貼付けられるカスタムキーボード「Snipboard」 | GUNMA GIS GEEK
iPhoneで複数のWebサイトの生存確認を行うアプリ「Scott’s Pinger」 複数のwebサイトを管理していると、iPhoneから簡単にそれらの生存確認(ちゃんと表示され 記事を読む 両親に贈るのに最適だった「iPad教科書」 【2014/10/30追記】 ※ 書籍を紹介してからだいぶ時間が経ちiPadのOSも変わっため、下 記事を読む 【iPhone/iPad】フルスクリーンで「ホーム... 続きを読む
Excel上でD3.jsを使ったグラフを表示する「E2D3」を使ってオリジナルなグラフを表示してみた。 | GUNMA GIS GEEK
Excel上でD3.jsを使ったグラフを表示する「E2D3」を使ってオリジナルなグラフを表示してみた。 ファーストインプレッション! E2D3 ver. 0.2 (Excel to D3) | MA【エム・エー】 by Mashup Awards Excelでいつも作っているグラフをもっと恰好良くしたくないですか?でも,デザインソフトを自分で習得するには時間がかかりますし,グラフ作成をデザイナーに... 続きを読む
ハイクオリティでちょーかっこいいデータ視覚化地図が作れる「Leaflet-dvf」 | GUNMA GIS GEEK
「Leaflet-dvf」は、ベース地図にLeaflet.jsを用い、地理情報を可視化するために必要なライブラリをまとめたデータビジュアライゼーションフレームワークです。 サイトに掲載されているサンプルを見ても解るように、非常にクオリティが高くデザイン性に富んだ視覚化地図を作成することができます。 データビジュアライゼーションの参考書に良く出てくる Charles Minard が作成した「ナポレ... 続きを読む
【D3.js】 LeafletにSVGをオーバーレイする。 | GUNMA GIS GEEK
Leafletは、モバイルフレンドリーでインタラクティブな地図をWeb上に表示するJavaScriptライブラリです。最近、海外での存在感が高まっているような気がします。 今回は、D3で作成したsvg要素をLeaflet上にオーバーレイしてみました。 (まだ、ソースのコメントに書いたこと以上の知識がないので、サンプルコードのみで詳しい解説はありません) サンプル D3.jsとともにLeaflet.... 続きを読む
Google Map上にGeoJSONデータを表示する | GUNMA GIS GEEK
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
データの可視化とは、「データに含まれる事実・示唆を効率よく発見する技術」、「データから発見した事実・示唆を明確に伝える技術」ということができます。本書では、データ可視化の基本に始まり、何を可視化すべきで、誤った考え方は何かなどを解き明かしたあと、JavaScriptライブラリD3.jsの使い方、D3.jsによるWebの可視化のさまざまなケーススタディまで、エンジニアの方がさまざまな業務の現場で直面... 続きを読む
PDFから表データをぶっこ抜く「Nitro Cloud」 | GUNMA GIS GEEK
DATA GO JPに並んでいるデータセットが「PDFばかりじゃないか!」とお嘆きの方へ。 Nitoro Cloud PDF to Excel PDFで公開されているデータというのは、わりと扱いにくかったりします。 ドキュメント内で表組みされているデータを取得しようと、表を選択してExcelにコピペしても表のレイアウト情報はコピーされないため整形しなおす必要があったりするので、しごくメンドウです。... 続きを読む
スクレーパー共有サイト「ScraperWiki」がリニューアルして凄い事に! | GUNMA GIS GEEK
以前、オープンデータまで待てない人の、スクレーパー共有サイト(ScraperWiki)という記事を書きましたが、スクレーパー(クローラー)共有サイトのScraperWikiが大幅にリニューアルされていました。 データを取得するだけでなく、データの可視化、分析などまでも行えるデータサイエンスのプラットフォームとなることを目指すそうです。 ScraperWiki is a platform for d... 続きを読む
【D3.js + node.js】 ブログのデータをGithub風のカレンダーに表示する | GUNMA GIS GEEK
example WordPressもくもく勉強会@群馬 #1で作成したものです。 サンプルコードが公開されているのでそれを元に作成しました。 Githubのカレンダー表示機能はD3.jsで作成されているのですが、そのBlog版のようなものです。 ↓これ 色がついているセルが記事を描いた日、同じ日に書いた記事が多いほど濃い緑色で表示されるようになってます。 セルにマウスオーバーすると記事のタイトルが... 続きを読む
プログラミング教育はプログラマーの育成を目的としなくていい | GUNMA GIS GEEK
ちょっと待った!小中学校でのプログラミング教育 小中学校でのプログラミング教育については賛否両論あるみたいですね。 個人的には賛成です。 美術の授業は子供を絵描きやアーティストとして育てるために行われるわけでは無いし、音楽の授業も別に世の中に音楽家を増やす目的で行われているものでもないのだから、プログラミングの授業だって別に将来の優秀なプログラマーを育てることを目的としなくてもいいはずです。 むし... 続きを読む
ゴールデンウィーク中にD3.jsを学びたい方にお勧めな厳選まとめ | GUNMA GIS GEEK
「データビジュアライゼーション(D3.js)を学ぶための教材まとめ」も大分量が増えてきて、初めてD3.jsを学ぶという人にはどこから手をつけて良いものか解りづらくなってきました。 そこで、ゴールデンウィーク中にD3.jsを学んでみたいという方に、いくつか厳選してお勧めしてみたいと思います。 スライドを眺める まずはD3.jsがどんなライブラリなのか把握しましょう ・about d3.js チュート... 続きを読む
モラルを理由に表現の自由に制限をかけるべきか。 | GUNMA GIS GEEK
他人の家を無断で撮影して小馬鹿にした挙句それを指摘されると即ブロックという自称工場萌え大山顕のクソっぷり ※以下は、あくまで個人の見解。 基本的に公の場に置かれている人・物を撮影するのに許可は必要ない。 肖像が商品となる芸能人なんかの場合はパブリシティ権が、晒し目的の場合は名誉毀損や侮辱罪が引っかかる場合があるけれど、件の記事はどちらにも当てはまらないと思う。(あと自治体によっては迷惑防止条例に引... 続きを読む
【D3.js】鶴舞う形の群馬県をSVGで描いてみる | GUNMA GIS GEEK
前回のつづき。D3.js ver.3を使ってSVGで地図の作成をおこないます。 なお、D3.js ver.3の新機能については以下を。 D3.js 3.0 の新機能 データの作成 地図の元となるデータを作成します。 国土数値情報ダウンロードサービスから群馬県の行政区域データをダウンロードします。 ダウンロードしたファイルの中から、dbfファイルをQuantum GISに読み込ませてGeoJSONに... 続きを読む