jquery.graphviz.svg - GraphvizのSVGデータを表示/機能追加するjQueryプラグイン MOONGIFT
チャートやネットワーク図などを描くのに使われるのがGraphvizです。多くの場合PNGなどの画像で出力して利用しますが、SVGへのエクスポートも可能です。Web向けであれば、画像よりも使い勝手が良いでしょう。 そんなGraphvizで出力したSVGを表示するのがjquery.graphviz.svgです。 jquery.graphviz.svgの使い方 表示しました。 ノードをクリックすると、ハイライト表示されます。 さらにズームイン/アウトができます。 jquery.graphviz.svgはGraphvizのSVGデータに対して、ハイライトとズームイン、ズームアウトを追加します。さらにデータをレスポンシブにしてくれるので、どのデバイスに対しても適切な表示が可能です。 jquery.graphviz.svgはjQuery/JavaScript製のオープンソース・ソフトウェア（MIT L
Frappe Charts - GitHub風グラフもあるSVGグラフライブラリ
MOONGIFTはオープンソース・ソフトウェアを紹介するブログです。2021年07月16日で更新停止しました WebはSVG/CanvasによってWeb標準だけで高度な表現が実現できるようになりました。しかし、それを使いこなすのは大変で、多くの場合ライブラリを使って実現しているでしょう。 今回紹介するFrappe ChartsはSVGを使ってグラフ表示を行うライブラリです。 Frappe Chartsの使い方 棒グラフ。マウスオーバーで情報を追加表示できます。 折れ線グラフ。 複数シリーズ出したパターン。 折れ線グラフにグラデーション。 データを動的に追加、削除できます。 色の塗り方も変えられます。 グラフと写真などのコンテンツを連動させるタイプ。 グラフのデータを選ぶと表示が変わります。 合計の表示、平均値表示を切り替え。 GitHub風のグラフ。 離すことも、くっつけることもできます。
Pizza Amore! | Playground from ZURB
Deliver up pie charts, bar charts and line graphs for your responsive site. Download Create charts and line graphs for any device with Pizza Amore. Our menu now includes bar charts and line graphs. Not to worry, you can still have a piece of pie ... charts that is. Your Amore will be steaming hot with SVG so it'll look good on retina devices and HiDPI devices. Example Pizza Amore is an easy to use
アニメーションやグラフ等、SVGを使ったJavaScript＆jQueryプラグイン11
2016年11月24日 JavaScript, jQuery, SVG 今やCSSだけでも多彩なアニメーションを取り入れることができますが、JavaScriptとSVGを使うことで、より美しく自由度のきく表現が可能です。今回はSVGを使った、便利なJavaScriptライブラリーやjQueryプラグインを紹介します。 ↑私が10年以上利用している会計ソフト！ ラインアート 1. DrawSVG See the Pen Simple usage by Leonardo Santos (@lcdsantos) on CodePen. Webサイト｜GitHub｜デモ SVGのパスを使ってラインをアニメーションさせるためのプラグイン。2kbと軽量です。デモ画面右下の「RETURN」ボタンをクリックして試してみてください。 var mySVG = $('#my_svg_element').draw
Chartist - Simple responsive charts
You may think that this is just yet an other charting library. But Chartist.js is the product of a community that was disappointed about the abilities provided by other charting libraries. Of course there are hundreds of other great charting libraries but after using them there were always tweaks you would have wished for that were not included. Get awesome Dashboard Templates by Creative TimAre y
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
)
Gantt Chart - SVG/Canvas/SSRをサポートしたガントチャート MOONGIFT
ブラウザ上で手軽にチャートを作成、公開出来るWebサービス・「 ChartBlocks」
