vx | gallery
I have an annoying z-index. Try rendering in Portal 🥳
[SVG] viewBoxについての考察 - Qiita
まずベースとなるサンプルを用意しておきます 200*200のサイズで、背景をグレイにして真ん中にオレンジの円をおきます。芸術的です。 左上に青い円も添えます。 <svg width="200" height="200" viewBox="0 0 200 200" style="background: #ddd"> <circle cx="100" cy="100" r="50" fill="orange" /> <circle cx="0" cy="0" r="10" fill="blue" /> </svg> 基本的なこと まず外側の<svg width="200" height="200"の部分の200*200がビューポート（描画エリア）のサイズです。 viewBox="0 0 200 200"が考察したいviewBoxですが、これの意味するところは。 「vievBox="x y wi
![[SVG] viewBoxについての考察 - Qiita](https://cdn-ak-scissors.b.st-hatena.com/image/square/e2a7c0bdf73d45f743e90095250d5645172e4ae1/height=288;version=1;width=512/https%3A%2F%2Fqiita-user-contents.imgix.net%2Fhttps%253A%252F%252Fcdn.qiita.com%252Fassets%252Fpublic%252Farticle-ogp-background-9f5428127621718a910c8b63951390ad.png%3Fixlib%3Drb-4.0.0%26w%3D1200%26mark64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTkxNiZoPTMzNiZ0eHQ9JTVCU1ZHJTVEJTIwdmlld0JveCVFMyU4MSVBQiVFMyU4MSVBNCVFMyU4MSU4NCVFMyU4MSVBNiVFMyU4MSVBRSVFOCU4MCU4MyVFNSVBRiU5RiZ0eHQtY29sb3I9JTIzMjEyMTIxJnR4dC1mb250PUhpcmFnaW5vJTIwU2FucyUyMFc2JnR4dC1zaXplPTU2JnR4dC1jbGlwPWVsbGlwc2lzJnR4dC1hbGlnbj1sZWZ0JTJDdG9wJnM9MWVlMmQzYzllZGE4ODg4MGI3OGRjMDVkYzY0YjA2YjQ%26mark-x%3D142%26mark-y%3D112%26blend64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTYxNiZ0eHQ9JTQwbW9jaGl6dWtpa290YXJvJnR4dC1jb2xvcj0lMjMyMTIxMjEmdHh0LWZvbnQ9SGlyYWdpbm8lMjBTYW5zJTIwVzYmdHh0LXNpemU9MzYmdHh0LWFsaWduPWxlZnQlMkN0b3Amcz02MDJlZDc5NzE4MWM3ZDQ0YmIxOTMyMzFiMGU2MzVkOA%26blend-x%3D142%26blend-y%3D491%26blend-mode%3Dnormal%26s%3Dfcae3d0538222e85fbd505318f53303e)
Plottable - Palantir
Because Plottable handles layout, sizing, and positioning, Plottable charts are easier to create and more reusable than charts built only with D3. And, since Plottable Components are powered by D3, the flexibility of D3 is still available. All Plottable components are usable on their own, so you can take small pieces to add to existing charts, or create charts entirely with Plottable. Plottable cu
アルバイト・パート募集時平均時給調査
ABOUT … データビジュアライゼーション「アルバイト・パート募集時平均時給調査」について 三大都市圏（首都圏・東海・関西）の期間（2012年1月～2016年4月）の各職種における、アルバイト・パート募集時平均時給のデータを可視化。 TOP画面には、三大都市圏における職種大分類（例：販売・サービス系）の平均時給が表示されます。 バブルの大きさ：平均時給の高さを大分類間と、大分類内の各職種（小分類）間で比較できるように面積の大きさで表現しています。 バブルの色の濃淡：2012年1月の数値をベースにした、募集件数の伸び率を表現しています。黄色が濃い程、高い伸び率を示しています。 職種小分類（例：ファストフード）のバブルをクリックすると、「平均時給増減率（対前年同月比）」「同時給帯職種」等、その職種に関する様々なの情報が表示されます。
A semi-automatic way to create your own grid map
Map of Thailand — Each province is colored by the length of its name in English. Name abbreviations are from Wikipedia.In the past year, the grid map style visualization has gained a lot of popularity in the US [2,4]. It has a quite a few nice properties, which inspired me to create one for Thailand. The rest of this article will explain grid maps, and how I created the grid map for Thailand map y
ツイートに収まる文字数のソースコードだけで幾何学模様が動く「t.d3fc.io」がおもしろすぎ
コンピューターに指令を与えるプログラムを書くと聞くと膨大な量の文字列を書いて……と思わず連想してしまいますが、「t.d3fc.io」はなんとTwitterのツイート1回分の文字数で完結するソースコードが集められたサイトで、実際にソースコードによって描かれる幾何学模様を楽しめるうえに、自分で書いた自作コードを投稿できるようにもなっています。 t.d3fc.io https://t.d3fc.io/ サイトを開くと目に入るのが「A collection of tweet-sized d3 creations(ツイートサイズのd3作品のコレクション)」というキャッチコピー。JavaScriptのライブラリ「D3.js」を使ったソースコードが集められています。なお、「ツイート1回分」とは言っても、Twitterの文字数制限である140文字ではなく、実際には116文字＋ヘルパーという上限になっている
原発事故 避難者の声〜NHK福島放送局アンケート〜
Copyright NHK (Japan Broadcasting Corporation). All rights reserved. 許可なく転載することを禁じます。 このページは受信料で制作しています。
Markov Chains explained visually
By Victor Powell with text by Lewis Lehe Markov chains, named after Andrey Markov, are mathematical systems that hop from one "state" (a situation or set of values) to another. For example, if you made a Markov chain model of a baby's behavior, you might include "playing," "eating", "sleeping," and "crying" as states, which together with other behaviors could form a 'state space': a list of all po
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Making Data Viz Without SVG Using D3 and Flexbox
D3 Discovery – Finding D3 plugins with ease
Lunar Visibility
Joymap
Merged Choropleth
BBox Collision Detection
Rasterize D3.js
Arc Tween
「鳴神忠右衛門 大谷門蔵」Histogram
https://shirleywu.studio/visfest/
D3 Workshop by Mark Daggett
Explained Visually