jQuery Clip - jQueryのプラグ... / jquer.in / jQueryスニペット - かちびと.net他...全6件
jQuery Clip - jQueryのプラグ... / jquer.in / jQueryスニペット - かちびと.net他...全6件
今回パクオマージュするのはコレ TweenJS | Tween Circles Demo 「かっこいいやんけ・・・・」 CreateJSで公開されているデモです。クール。ただ、これ・・・Raphaelでもできそうやないの！ちょっと試してみるかあ！という事でオマージュしてみたいと思います。CreateJSと違ってraphael.jsはオールインワンなのがいいですね！果たしてどこまで再現できるでしょうか・・・！ 実行結果 FullScreen http://jsfiddle.net/nekosmash/FXxgH/embedded/result/ 漂う「コレジャナイ」感 とりあえず塗の透明度を0、境界線の透明度をグラデーション状にした同心円をクリックした位置にelascicでアニメーションさせています。何というか、動きそのものはいいんですが、光っている感じが全く無いですね・・・。こう・・・限界
ちょうど金環日食の時だけ曇り空だったminamiです。皆さんはちゃんと見られましたか？ Webサイトでベクターデータを扱うのにとっても強力なRaphael.jsというライブラリがあります。何年か前からあるのですが、なぜか最近興味が出てきたので勉強できるサイトを調べました。 Rapahel.jsはJavaScript用のグラフィックライブラリで、比較的簡単な記述でSVGで扱うことができます。SVG非対応のIEの場合はVMLで表示してくれるのがミソで、IE6であっても同じ見た目を確保することができます！また、マウスイベントに関連付けたアニメーションも作ることができます。 ライブラリ自体は多少容量が重いのですが、他のライブラリに依存していないのでこれ単体で済んでしまうというのも強みではないでしょうか。ちょっといじっただけで値によって変化するグラフなんかも描くことができます。 棒グラフのサンプル
##結論:Highchart ccchart(canvasChart)と悩みましたが、Highchartを選んだ理由は、下記の通りです。 1.円グラフや棒グラフを組み合わせた複合的なグラフのサンプルを載せている 2.複合グラフのアニメーションがかっこいい 商用ライセンスなので、無料にこだわる方は、ccchart(canvasChart)がおすすめです。 ##Highchart http://www.highcharts.com/ 表現力、完成度の点でいちばんだと思います。商用なのでお金さえあればこれがイチオシ。 ##ccchart(canvasChart) http://jsgt.org/c/ 私のイチオシは canvasChart です ライセンスは PUBLIC DOMAIN! ##raphael.js http://raphaeljs.com/ qiitaのプロフィールの円グラフで使
$('#chart').chart({ template : 'line_basic_3', tooltips : { serie1 : [ 'a', 'b', 'c', 'd' ], serie2 : [ 'a', 'b', 'c', 'd' ] }, values : { serie1 : [1, 2, 3, 4], serie2 : [1, 2, 3, 4]}, labels : [ 'first', 'second', 'third', 'fourth' ], defaultSeries : { fill: true, stacked : true }, axis : { l : { title : 'Average height' } } }); Example 2: Line chart, fill with some animations Tip: use the "re-g
Gaming, Opera GX Opera GX now lets you control every detail of your browser, with more customization options... November 20th, 2024 With the latest update, Opera GX now expands its modding features, giving you even more ways to completely transform your... Desktop Get Spotify Premium with Opera One R2’s new Music Player November 19th, 2024 Spotify becomes the default music player in Opera One R2.
画像の指定枠内をハイライト表示させて説明ページ作成に役立てられるjQueryプラグイン「imgHighLighter」 2010年07月05日- imgHighLighter Demo 画像の指定枠内をハイライト表示させて説明ページ作成に役立てられるjQueryプラグイン「imgHighLighter」。 何か説明をする際に、画像とともに説明すると分かりやすいですが、文書との連動が取れることで、より分かりやすい説明ができそうです。 説明の下に画像があるシチュエーション リンクにカーソルを合わせると画像の特定部分をハイライトさせることが出来ます 他の部分でも試してみましょう。 応用次第で説明以外にも便利に使うことができそう 関連エントリ 画像にクリック位置に注釈を入れられるjQueryプラグイン ナビゲーションのUIはこれで完璧かもなjQueryプラグイン集 ボックス間でアイテム移動できるs
既存の紙媒体におけるインフォグラフィックスの使用例として、新聞における時系列データを扱ったインフォグラフィックスの分類・分析を行った。 具体的には、朝日新聞縮刷版[東京] 2008年1月分/2009年1月分/2010年1月分の過去3年3ヶ月分の紙面から時系列データを扱ったインフォグラフィックスを抽出し、それぞれの構成要素によりタイプ別に分類、それぞれの出現頻度、紙面ジャンル別のデータを分析した。（但し、広告やセンター試験解答等の報道に直接関係のないものは含まず。) 分析結果として、新聞紙面に出現するインフォグラフィックスは6分類のうちチャートとグラフで全体の85%を占めており、グラフについては、折れ線グラフ50%、棒グラフ35%、複合グラフ15%(折れ線グラフと棒グラフ)の3種類で構成されており、チャートについては、年表78%、フローチャート16%、タイムライン6%(時間軸が横軸のもの)の
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
