【D3.js】 LeafletにSVGをオーバーレイする。
Leafletは、モバイルフレンドリーでインタラクティブな地図をWeb上に表示するJavaScriptライブラリです。最近、海外での存在感が高まっているような気がします。 今回は、D3で作成したsvg要素をLeaflet上にオーバーレイしてみました。 (まだ、ソースのコメントに書いたこと以上の知識がないので、サンプルコードのみで詳しい解説はありません) サンプル D3.jsとともにLeaflet.jsとleaflet.cssを読み込んでください。 <!-- leafletのcssを読み込む --> <link rel="stylesheet" href="https://unpkg.com/leaflet@1.5.1/dist/leaflet.css" integrity="sha512-xwE/Az9zrjBIphAcBb3F6JVqxf46+CDLwfLMHloNu6KEQCAWi6H
Leaflet — an open-source JavaScript library for interactive maps
an open-source JavaScript library for mobile-friendly interactive maps Leaflet is the leading open-source JavaScript library for mobile-friendly interactive maps. Weighing just about 42 KB of JS, it has all the mapping features most developers ever need. Leaflet is designed with simplicity, performance and usability in mind. It works efficiently across all major desktop and mobile platforms, can b
好きな画像をマーカーとして表示させる
Google MAPS API V3 の google.maps.Marker で、既定のアイコンを使わずに独自の画像を表示させるサンプルプログラム。 <script type="text/javascript" src="//maps.google.com/maps/api/js?sensor=false"></script> <div id="map" style="width: 400px; height: 280px;"></div> <script type="text/javascript"> // 地図 var map = new google.maps.Map(document.getElementById("map"), { zoom: 14, center: new google.maps.LatLng(35.710139, 139.810833), scrollwhe
Google Map マーカーのドラッグドロップで緯度・経度を取得(v3版) - 備忘帳 - オレンジ工房
Google Mapで、特定の場所の緯度・経度を取得したいことが多々あります。 ピンポイントに位置指定するために、地図上のマーカーをドラッグ＆ドロップして、その位置の緯度・経度を表示するスクリプトの、ver.3対応版です。 JavaScript Maps API V3 は、誰でも自由にアクセスできるウェブサイトであれば、無料で利用できるサービスです。 とのことなので、自由に使わせていただきます。ありがとう、Google。 以下のサンプルも自己責任でご自由にお使いください。 (2020/07 追記) JavascriptAPIが無料でなくなって久しいです。記事内容、絶賛放置中です。 そのうち手を入れます…。 ソース HTMLのヘッダにスクリプトを書いておきます。 APIキーは、特にお金はかからないので、各自で取得してください。取得方法はGoogleの公式ドキュメントをご参照ください。 sen
ルート案内 - マッピィ Google Maps API JavaScriptの使い方 -
・ルート（各種の交通手段を使用）は、DirectionsService オブジェクトを使用して計算できます。このオブジェクトは Google Maps API ルート サービスと通信し、サービスはルート リクエストを受信して計算した結果を返します。これらのルート結果をユーザー自身で処理することも、DirectionsRenderer オブジェクトを使用して結果をレンダリングすることもできます。 ・ルートでは、原点と目的地をテキスト文字列（「東京、大阪」、「名古屋、静岡、京都」など）または LatLng 値として指定できます。ルート サービスは一連のウェイポイントを使用して、複数の部分からなるルートを返すことができます。ルートは、地図上にルートを描画するポリラインとして表示されるか、要素内のテキストによる説明として表示されます（「Williamsburg Bridge ランプを右折」など）。
Comparison of RDFJS libraries - RDF JavaScript Libraries Community Group
This is a comparison of JavaScript libraries for working with RDF. Library features compared Name URL Source Docs License First Release Latest Stable Release Platform support (Browser-side, Node.js, AMD, etc) Parsing libraries List any libraries capable of parsing triples/statements out of another format: Media types that can be parsed: RDF/JSON, JSON-LD, N3, Turtle, RDF/XML, RDFa, ... Environment
gridster.net - gridster リソースおよび情報
This webpage was generated by the domain owner using Sedo Domain Parking. Disclaimer: Sedo maintains no relationship with third party advertisers. Reference to any specific service or trade mark is not controlled by Sedo nor does it constitute or imply its association, endorsement or recommendation.
.validate() | jQuery Validation Plugin
validate( [options ] )Returns: Validator Description: Validates the selected form. validate( [options ] ) options Type: Object debug (default: false) Type: Boolean Enables debug mode. If true, the form is not submitted and certain errors are displayed on the console (will check if a window.console property exists). Try to enable when a form is just submitted instead of validation stopping the subm
GitHub - RandomEtc/shapefile-js: A binary shapefile loader and canvas-based renderer, for javascript. Many caveats.
A binary shapefile loader and canvas-based renderer, for javascript. Many caveats: Seems best in Safari... times out in IE and in Firefox 3.5 with large files. Does the dumbest thing possible and reads entire shp and dbf files in one go. Error checking is strange (needs testing with more known-good files). Implies that it's a good idea to load large binary files over the network. Only supports a s
Use web workers to run JavaScript off the browser's main thread | Articles | web.dev
In the past 20 years, the web has evolved dramatically from static documents with a few styles and images to complex, dynamic applications. However, one thing has remained largely unchanged: we have just one thread per browser tab (with some exceptions) to do the work of rendering our sites and running our JavaScript. As a result, the main thread has become incredibly overworked. And as web apps g
CodeProject
Introduction Dc.js is a JavaScript library used to make interactive dashboards in JavaScript. By clicking and selecting different events in graphs, you can filter the entire dashboard to drill into a particular event. This is the first of a 4 part series. You can find my other articles here: Part 1: Using Crossfilter.js Part 2: Graphing Part 3: Tips and Tricks Part 4: StyleBackground In order to
JavaScriptで関数型プログラミングを強力に後押しするUnderscore.jsのおすすめメソッド12選（lodashもあるよ） - Qiita
はじめに この記事では、関数型プログラミングを強力に後押しするライブラリ、 Underscore.jsとlodashを紹介します。 両ライブラリとも_で使用できます。 ほかのライブラリにも依存せず、 現在フロントでもサーバでもかなり人気なライブラリです。 個人的にもこれなしでは。。 といった必須なライブラリとなっています。 また、Backbone.jsといった人気なフレームワークが、 Underscoreに依存していたりします。 Underscore.js GitHub: https://github.com/jashkenas/underscore Document: http://underscorejs.org/ 和訳: https://github.com/enja-oss/Underscore lodash GitHub: https://github.com/lodash/lo
第1回 Underscore.jsとは | gihyo.jp
本連載では、JavaScriptライブラリの1つ、Underscore.jsを解説していきます。第1回目となる今回は、Underscore.jsの概要と特徴、動かすところまでを紹介します。 Underscore.jsの概要 UnderscorejsはDocumentCloud Inc.とJeremy Ashkenasが開発しているJavaScriptライブラリです。DocumentCloud Inc.によりオープンソースとして提供されています。ファイルサイズは圧縮したもので4.9Kバイト（現バージョン1.5.2）と軽量なライブラリです。 Underscore.jsは、配列、オブジェクトの操作をはじめ、関数、オブジェクトなどを扱う際の便利関数が80あまり定義されています。配列、オブジェクトの操作の記述がネイティブな機能だけで書くよりも簡潔にシンプル書けるため非常に便利です。 また、Proto
d3.jsで画像のドラック＆ドロップ、回転、拡大、縮小やってみた - Qiita
d3.jsで画像のアニメーションをやっていきます。 ソースコードはGistにアップしているのですぐ使えるかと思います。 http://bl.ocks.org/ganezasan/914eb5df8b98315897c2 d3とは？ Data Driven Documentの頭文字をとってd3です。データに基づいてドキュメントを操作するための JavaScript ライブラリです。 Mike Bostockさんが作ってくれています。こちらが本家です。 http://d3js.org/ データ可視化のためのJavaScriptのライブラリの１つと覚えて貰えればと思います。 ただし、他のグラフ描画のためのライブラリとは違いがあります。 d3.jsには最初から用意されているグラフのテンプレートがありません。グラフを１から作ることができます。通常だと用意されているテンプレートがあり、テンプレート通り
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
GitHub - mstefaniuk/graph-viz-d3-js: Graphviz web D3.js renderer
GitHub - dotCtor/jQuery.msgBox: A smart message window plugin for jQuery.
Europarl
.ordering not working for bar chart (ordinal x-axis) · Issue #772 · dc-js/dc.js
Crossfilter Tutorial
SVGを画像みたいに保存できるD3 Plugin作った - Qiita
