[B! D3] momochin44のブックマーク

TypeScript で少し快適に JavaScript を書こう - オイオイオイ書くわアイツ

概要はじめに TypeSript の基礎の基礎 D3js でみる型検査のありがたさ JavaScript による実装ソースコードの問題点 TypeScript による型検査おわりに概要 TypeScript はね、よいよ。はじめに JavaScript を書きたくない人間は多い。なぜかといえばしんどいからである。だけれども大人はお仕事をしているので、JavaScript で動く何らかを開発しないといけないことがある。そんな世界の悲惨を受けて、JavaScript のしんどさ（以下 Shindosa of JavaScript, SJS）を軽減するために生まれたのが TypeScript である。 TypeScript は AltJS と呼ばれる、JavaScript の実行環境で動く JavaScript ではない言語の一種である。 TypeScript には次の2つの特徴

momochin44 2018/06/05

リンク

d3-composite-projections

Set of d3 projections for showing countries' distant lands together Drawing choropleth maps is difficult in some countries when parts of them are far away from the mainland View on Github This library works with d3js v4. The old version worked with d3js v3, check it here. Using the projection Use the composite projections as any other D3 projection. They are based in the included AlbersUsa: var pr

momochin44 2018/01/25

D3
d3.js

リンク

D3.jsで地図のデータビジュアライズに挑戦！ - Qiita

講習 D3.jsの特徴 https://d3js.org/ データに基づいて、DOM（Document Object Model）を操作する、という考え方各種チャート、グラフに必要な計算やデータ整形を賄ってくれる表示はユーザーが自分で頑張って描く→自由！ウェブ標準のリソースのみを利用しているのでライブラリがなくなっても困らないブラウザ上で動く（これ大事！） SVGかCanvasでいったらSVG（ http://visualizing.jp/openvisconf2013-miguel/ ）最近ヴァージョン4.0がでた各機能が小さいライブラリに分割された CartoDBやMapboxなどのサービスとの違い地形データを自分で用意する Leatlet.js（OpenStreetMap）やMapboxとの連携もできるユーザーインターフェイスも自分で用意する描画の自由さたくさんの

momochin44 2018/01/25

D3
d3.js

リンク

【D3.js】作っておくと便利な関数達

ショートカット D3はどうしても無名関数を多用することになるので、ショートカットを作っておくと便利です。 function D(params){ return function(d, i){ if(typeof params ==='function') { return params(d) } else if( typeof params ==='string'){ return (new Function( 'return (' + d + params + ')' )()) } else { return d}; } } function I(params){ return function(d, i){ if(typeof params ==='function') { return params(i) } else if( typeof params ==='string'){

momochin44 2018/01/22

D3
d3.js

リンク

ReactとD3.jsの組み合わせで変わる！JavaScriptアニメーション開発

人気のデータビジュアライゼーションライブラリー「D3.js」をもっと使いやすく、便利にするために。Reactを使ったコンポーネント化に取り組み、リアルタイムで描画されるアニメーションを作ります。 D3は最高です。Webのデータビジュアライゼーション分野におけるjQueryのように、考えられるあらゆることが実現できます。オンラインで見られる最良のWebのデータビジュアライゼーションの多くがD3を使用しています。D3は素晴らしいライブラリーですが、最近のv4のアップデートで従来よりさらに安定性が増しました。 Reactと一緒に使えば、D3はさらに便利になります。ちょうどjQueryのように、D3は高性能ですが課題もあります。データビジュアライゼーションが大規模になればなるほど、用いるコードは複雑になり、バグを修正したりアイデアを絞り出したりするのにさらに時間がかかるようになります。しかし

momochin44 2017/01/20

リンク

http://christopheviau.com/d3list/gallery.html

momochin44 2016/03/18

リンク

@storybook/cli - Storybook

Data visualization made easy. A javascript library that extends the popular D3.js to enable fast and beautiful visualizations.

momochin44 2016/01/25

リンク

dimple - A simple charting API for d3 data visualisations

An object-oriented API for business analytics powered by d3. Tweet Libraries Full Javascript Library With Comments Minified Javascript Library Zip File Tar Ball Resources Examples Advanced Examples View On GitHub Full API Documentation Simply Powerful The aim of dimple is to open up the power and flexibility of d3 to analysts. It aims to give a gentle learning curve and minimal code to achieve som