LiquidFunでJavaScript流体シミュレーション. - Qiita
LiquidFunって？ LiquidFunはGoogleが開発している2次元流体演算エンジン. C++で開発されているが、Emscriptenでの変換により、JavaScriptでも利用可能である。 (似たような話が3次元物理演算エンジンのBulletとammo.jsがありますね。ammo.jsはポーティング方法をEmascriptenから見直すらしいですが...) LiquidFun.jsを触ってみよう さて、ここからが本題. http://google.github.io/liquidfun/ にもliquidfun.jsのデモ(testbed)が埋め込まれているが、自分のお勉強もかねて、サンプルコードをガリガリと作成したので、学んだことを書き連ねてみる. 作成したブツ 正三角形・長方形の剛体を液体(紫色と青色のツブツブ部分)にむけて落下させるだけのサンプルである(jsfiddleで
Making Dashboards with Dc.js - Part 1: Using Crossfilter.js
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
dc.js - Dimensional Charting Javascript Library
dc.js is a javascript charting library with native crossfilter support, allowing highly efficient exploration on large multi-dimensional datasets (inspired by crossfilter's demo). It leverages d3 to render charts in CSS-friendly SVG format. Charts rendered using dc.js are data driven and reactive and therefore provide instant feedback to user interaction. dc.js is an easy yet powerful javascript l
SVGを画像みたいに保存できるD3 Plugin作った - Qiita
D3.jsなどのライブラリの普及によってWebでデータビジュアライゼーションをするということが流行りつつあります。 さて、D3.jsでは主にSVGとして画を描くことになるんですが、書き出されたSVGを簡単に保存して他のドキュメントに貼付けるといった手段がないので困ることがあります。 せっかくSVGで描かれた画をスクリーンショットで保存するのはイマイチですよね。 というわけで、img要素の画像のように右クリックをして保存ができるようなD3 Plugin、d3-downloadableを作ってみました。 インストール bowerにパッケージを登録してあります。 npmも対応しました。(2015/05/12) 使い方 script、cssを読み込んで、svg要素のselectionに対して、downloadable()をcallするだけ。 svg要素を右クリックするとメニューが表示され、SVG、
Floor Plan - local coordinate map layers for D3.js
Floor Plan (0.1.0) A layered map reusable chart suitable for small area, local coordinate systems like building floor plans. There is no tiling or projection capabilities, just simple X-Y scaled coordinates, pan-zoom functionality, and a set of layers for data visualization over the region. d3.floorplan.min.js - requires D3.js API Reference Data Formats Example This basic example demonstrates how
GitHub - jasondavies/d3-cloud: Create word clouds in JavaScript.
# d3.layout.cloud() Constructs a new cloud layout instance. # on(type, listener) Registers the specified listener to receive events of the specified type from the layout. Currently, only "word" and "end" events are supported. A "word" event is dispatched every time a word is successfully placed. Registered listeners are called with a single argument: the word object that has been placed. An "end"
NVD3
This project is an attempt to build re-usable charts and chart components for d3.js without taking away the power that d3.js gives you. This is a very young collection of components, with the goal of keeping these components very customizable, staying away from your standard cookie cutter solutions. View more examples » GitHub Repo Download d3.v3.js. This is the only required library for NVD3. Dow
Google MapにSVGをオーバーレイする(SHAPEデータ軽量化) | GUNMA GIS GEEK
Google MapにD3.jsで作成したSVGをオーバーレイする 前回作成した鶴（群馬県SVG）をGoogle Mapに貼り付けます。 詳しくは、exampleのソースを直接みてください。 #map { width: 500px; height: 500px; } .SvgOverlay { position: relative; width: 500px; height: 500px; } .SvgOverlay svg { position: absolute; top: -4000px; left: -4000px; width: 8000px; height: 8000px; } .SvgOverlay path { stroke: black; stroke-width: 1px; fill-opacity: .6; } window.onload = function ()
【D3.js】d3.zoomオブジェクトを使って Pan/Zoon を実装する。
D3.js v4ではd３.zoomオブジェクトを使用することで、簡単にパン／ズームを実装することができます。 var w = 900; var h = 500; var data = d3.range(0, 100).map(function(d){ return {"x": ~~(Math.random() * w ), "y": ~~(Math.random() * h), "r": ~~(Math.random() * 90) + 10 }; }); var svg = d3.select("svg") .attr("width", w) .attr("height", h) //ズーム対象とするレイヤーを生成 var zoomLayer = svg.append("g") //カラージェネレーター var color = d3.scaleOrdinal(d3.schemeCateg
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
GitHub - asutherland/d3-threeD: Very abandoned, very limited, attempt to hook d3.js up to three.js
http://www.smartjava.org/content/render-geographic-information-3d-threejs-and-d3js/
GitHub - mstefaniuk/graph-viz-d3-js: Graphviz web D3.js renderer
Calendar
Crossfilter arrays as keys - JSFiddle - Code Playground
GitHub - michael/dance: Don't be shy - take your data for a dance.
Maps
GitHub - shawnbot/topogram: Continuous area cartograms with d3 and TopoJSON
D3.js例文辞典
Zoomable sunburst
Pie Chart Update, III