A picture is worth a thousand words, but creating cool infographics can be time-consuming. So we've found 20 amazing tools to make it easier. It’s often said that data is the new world currency, and the web is the exchange bureau through whi... 続きを読む

• www.creativebloq.com
• テクノロジー

canvizはCanvasを使ってDOTファイルをグラフ化するソフトウェアです。フローチャートなど複雑なグラフを描くのに適しているのにDOT言語が知られています。通常、Graphvizを使って画像化するのですが、今回はcanvizを紹介します。なんとDOTファイルを読み込み、W... 続きを読む

• www.moongift.jp
• テクノロジー

そんな話題ではないであろうFnordMetricをいじってみてわかったことをいろいろ FnordMetricって？ 公式ページによると “FnordMetric powers highly customizable real-time analytics dashboards（高度にカスタマイズ可能なリアルタイム分析ダッシュボード）’... 続きを読む

• shinmei.devel.jp
• テクノロジー

Rickshaw: A JavaScript toolkit for creating interactive time series graphs Graphing Toolkit Rickshaw provides the elements you need to create interactive graphs: renderers, legends, hovers, range selectors, etc. You put the pieces together. S... 続きを読む

• code.shutterstock.com
• テクノロジー

2013-02-21 fluentd + mongodb+ node.js でリアルタイムにグラフを描く 最近は、fluentd + mongodb でログを蓄積していろいろ便利に使っているわけですが、数分に一回集計スクリプトを周したり、 GrowthForecast の画面をリロードしまくるのではなく、もっとリ... 続きを読む

• blog.stanaka.org
• テクノロジー

Custom real-time dashboards FnordMetric powers highly customizable real-time analytics dashboards 続きを読む

• fnordmetric.io
• テクノロジー

SixRevisionsでオンラインでグラフを描画する場合に活躍しそうなJavaScriptライブラリの特集がありましたので、紹介します。個人サイトではあまり役に立たないかもしれませんが、観ているだけで楽しくなります。元記事に敬意を表し、なるべく趣旨が異ならずかつ... 続きを読む

• tokkono.cute.coocan.jp
• テクノロジー

I just installed graphite/statsd for production use. I'm really happy with it, but one of my co-workers asked me if there was a way to make it look prettier. Honestly, I can't say that I haven't wonder the same. Are there alternatives to the ... 続きを読む

• stackoverflow.com
• テクノロジー

See more examples. D3.js is a JavaScript library for manipulating documents based on data. D3 helps you bring data to life using HTML, SVG and CSS. D3’s emphasis on web standards gives you the full capabilities of modern browsers without tyi... 続きを読む

• d3js.org
• テクノロジー

Making good-looking graphs shouldn't be hard. Morris.js is a lightweight library that uses jQuery and Raphaël to make drawing simple charts easy. 続きを読む

• www.oesmith.co.uk
• テクノロジー

Envision.JS interactive HTML5 canvas and svg visualization library supporting HTML5 finance visualization.Envision.js is a library for creating fast, dynamic and interactive HTML5 visualizations. TimeSeries template with real-time data. This ... 続きを読む

• www.humblesoftware.com
• テクノロジー

Mouseover or use the arrow keys to inspect values. Open in a new window. Cubism.js is a D3 plugin for visualizing time series. Use Cubism to construct better realtime dashboards, pulling data from Graphite, Cube and other sources. Cubism is a... 続きを読む

• square.github.com
• テクノロジー

Liviz.js is a DHTML based “dot” tool of GraphViz. See GraphViz.org for more about dot langage. To get started, write dot code above and click button. Limitations Core algorhythm is ported from original GraphViz using Emscripten so that Livi... 続きを読む

• ushiroad.com
• テクノロジー

Home / jQuery / グラフを描画してくれるjQueryプラグインは、多分”jQuery Visualize”がベスト！ グラフを描画してくれるjQueryプラグインを紹介します。 グラフを動的に作ってくれるものとしては、他のjQueryプラグインやGoogle Chartというサービスなどがあ... 続きを読む

• nskw-style.com
• テクノロジー

dstatが便利ですね。dstat が便利 | Carpe Diemdstatの万能感がハンパない - (ひ)メモ私は特に--outputオプションでCSV形式のログファイルを出力できるところが気に入っています。本番環境ではきちんとした監視ツールを使うと思いますが、開発・検証環境で手早... 続きを読む

• d:id:sh2
• テクノロジー

Time Series Visualization Cube is an open-source system for visualizing time series data, built on MongoDB, Node and D3. If you send Cube timestamped events (with optional structured data), you can easily build realtime visualizations of aggr... 続きを読む

• square.github.com
• テクノロジー

http://github.com/danvk/dygraphs See mailing list, downloads, gallery and open issues dygraphs is an open source JavaScript library that produces produces interactive, zoomable charts of time series. It is designed to display dense data sets ... 続きを読む

• dygraphs.com
• テクノロジー

A picture tells more than a ... Now that you've collected all the metrics you wanted or even more , it's time to make them useful by visualizing them. Every respecting metrics tool provides a visualization of the data collected. Older tools t... 続きを読む

• www.jedi.be
• テクノロジー

あらかじめ決めておいたデータやリアルタイムに刻一刻と変化するデータをグラフ化する際に使いやすくできています。しかもグラフ作成の時に迷いがちなカラーリングについても、最初からいくつかきれいなカラーパレットが付属しているので迷うことなくグラフ化で... 続きを読む

• gigazine.net
• テクノロジー

企業サイトでは売上の推移や販売シェアなどグラフやチャートなどを使って分かりやすく表示したいといったニーズは結構あります。 エクセルで作成したグラフを貼り付けたりするのも可能ですが…。 今回は、JavaScriptやFlashなどを使って比較的、簡単にグラフや... 続きを読む

• www.designwalker.com
• テクノロジー

jqPlot is a plotting plugin for the jQuery Javascript framework. jqPlot produces beautiful line and bar charts with many features including: Numerous chart style options. Date axes with customizable formatting. Rotated axis text. Automatic tr... 続きを読む

• www.jqplot.com
• テクノロジー

dygraphs JavaScript Visualization Library http://github.com/danvk/dygraphs See gallery and open issues The dygraphs JavaScript library produces produces interactive, zoomable charts of time series. It is designed to display dense data sets an... 続きを読む

• www.danvk.org
• テクノロジー

Highcharts - Interactive JavaScript charts for your web pages.What is Highcharts? Highcharts is a charting library written in pure JavaScript, offering an easy way of adding interactive charts to your web site or web application. Highcharts c... 続きを読む

• www.highcharts.com
• テクノロジー

色々と使えそうなデータのビジュアリゼーションライブラリ集が２２個まとまったエントリのご紹介です。 FlashからPHPで描画するものや、APIを叩いて表示するものなど、既知の物も含まれていると思いますが、多数のグラフ作成用の仕組みが紹介されています。 Fly... 続きを読む

• phpspot.org
• テクノロジー

Gephi is an open-source software for visualizing and analysing large networks graphs. Gephi uses a 3D render engine to display graphs in real-time and speed up the exploration. Use Gephi to explore, analyse, spatialise, filter, cluterize, man... 続きを読む

• gephi.org
• テクノロジー

■ 日常化するNHKの捏造棒グラフ こういう話は「なにをいまさら」という感じだが、 「テレビ全体の信頼にも関わる」、ＮＨＫ放送総局長, 産経新聞, 2007年1月24日 という話も出ていることだし、先週の日記の脚注1にも書いたので、この機会に書いてみる。 先週の... 続きを読む

• takagi-hiromitsu.jp
• テクノロジー

落伍弟子さんの目の錯覚を誘うグラフの受け売りで申し訳ないが，都立高校教科書採択結果のPDFの図がすべて3D円グラフになっており，目の錯覚で誤解が生じやすい。例えば右図で日文は啓林の2倍あるのに中心角は啓林のほうが大きく，面積比でもほぼ互角に見える。... 続きを読む

• oku.edu.mie-u.ac.jp:ok...
• テクノロジー

続きを読む

• www.icharts.net
• 暮らし

このコーナーでは、ネットビジネスを強力に支援する製品について、それを支える技術や市場動向を説明し、さらに各社から提供されている製品を紹介する。競合商品がひしめく市場で、他社に差を付けるための武器として、ぜひ導入を検討してみてほしい。今回は、「... 続きを読む

• web-tan.forum.impressr...
• テクノロジー

matplotlib is a python 2D plotting library which produces publication quality figures in a variety of hardcopy formats and interactive environments across platforms. matplotlib can be used in python scripts, the python and ipython shell (ala ... 続きを読む

• matplotlib.sourceforge...
• テクノロジー

10 Free Chart Scripts | WebTecker the latest Web Tech, Resources and News. This week I’ve been working on a project that required data to be shown visually. フリーのグラフスクリプト１０個が特集されてました。 JavaScriptやFlash製のグラフを使う... 続きを読む

• phpspot.org
• テクノロジー

Software for visualizing dynamic graphsUbiGraph is a tool for visualizing dynamic graphs. The basic version is free, and talks to Python, Ruby, PHP, Java, C, C++, C#, Haskell, and OCaml. Download Version alpha-0.2.4 Version alpha-0.2.4 is dis... 続きを読む

• www.ubietylab.net
• テクノロジー

Tulip は巨大なグラフを作成し、様々な視覚効果や操作を加えた上で、その結果をエクスポートすることを想定して作られたフレームワークである。TulipはGraphvizパッケージで作成されたグラフをインポートできると同時に、各種のビットマップ画像およびSVGやEPS... 続きを読む

• opentechpress.jp
• テクノロジー

xpath XPathGraph とはXPathGraphURL と XPath を指定すると一日に一回その URL をスクレイピングして XPath 式が示す値をグラフにしてくれる！という画期的なサービスです。例えば、 URL と XPath を指定するだけで以下のようなグラフが作れてしまいます。本当... 続きを読む

• d:id:amachang
• テクノロジー

ただいま6月7日以降に新しく作成したグラフが更新されない不具合を確認しています。原因調査中ですが、マッシュアップ先のはてなグラフの影響の可能性もあり解決までしばらく掛かるかもしれません。ご不便をお掛けしまして申し訳ございません。作成済みのグラフ... 続きを読む

• xpath.kayac.com
• テクノロジー

ヤマダタイゴです。米国時間の3月19日にVisualization APIが公開されました。 このAPIを使えば、Excelのように作ったデータをSQLのように呼び出すことができるそうです。 ちょうど犬の名前とか相場とかを管理したいなあと思っていたので、早速使ってみました。 ... 続きを読む

• mtl.recruit.co.jp
• テクノロジー

Flot is a pure Javascript plotting library for jQuery. It produces graphical plots of arbitrary datasets on-the-fly client-side. The focus is on simple usage (all settings are optional), attractive looks and interactive features like zooming ... 続きを読む

• code.google.com
• テクノロジー

PlotKit でグラフを作成 2007-12-26-2 [Programming] JavaScript でグラフが描ける PlotKit を試してみました。 PlotKit - Javascript Chart Plotting http://www.liquidx.net/plotkit/ 下記URLを参考に導入。 - Kazuhiro's Weblog: 「PlotKit」でグラフを描こ... 続きを読む

• chalow.net
• テクノロジー

Back to top Chart size Specify chart size with chs=<width in pixels>x<height in pixels> For example, chs=300x200 generates a chart 300 pixels wide and 200 pixels high. The largest possible area for all charts except maps is 300,000 pixels. As... 続きを読む

• code.google.com
• テクノロジー

Web, Math3D Graph Online | Archimy.com 普段はあまり使うことがないだろうけど、いざという時に役立ちそうなサービスのご紹介。こちらの『Archimy.com』は入力した関数のグラフを3Dで描いてくれるというもの。例えば、z = x^2 - y^2という関数のグラフはこん... 続きを読む

• d:id:starocker
• テクノロジー

Free, fully customizable animated, 3D or 2D flash charts - line, area, pie, donut (doughnut), bar, column, scatter, bubble, xy, logarithmic scale charts, time plotStock Chart's main purpose is to display financial charts. However, it can also... 続きを読む

• www.amcharts.com
• テクノロジー

続きを読む

• sdedit.sourceforge.net
• テクノロジー

What is it? Mscgen is a small program that parses Message Sequence Chart descriptions and produces PNG, SVG, EPS or server side image maps (ismaps) as the output. Message Sequence Charts (MSCs) are a way of representing entities and interacti... 続きを読む

• www.mcternan.me.uk
• テクノロジー

Timeplot has graduated! The Timeplot project has graduated and moved on with its life. Visit the new home page for more information on how to join the new mailing lists, synch with the new code repositories, issue tracking, etc. Please excuse... 続きを読む

• simile.mit.edu
• テクノロジー

APIのURI(http://okilab.jp/engraph/api) にアクセスすることで、各種サービスを利用可能です。 各APIは、GETもしくはPOSTメソッドを使用可能です。 また、パラメータの文字コードはUTF-8のみをサポートします。 出力も同様にUTF-8のみサポートします。 各種サ... 続きを読む

• okilab.jp
• テクノロジー

Open Flash Chart, is open source. It is free to use and you get the source code to fiddle with! Info: Open Flash Chart 2 (alpha7) is out. Version 1.x and these pages will never disappear and the charts will continue working forever, but furth... 続きを読む

• teethgrinder.co.uk
• テクノロジー

オープンソース・フリーウェアを毎日紹介するブログ。日々の業務の効率化、新しいサービスのネタ探しにどうぞ。SNS、SBS、CMS、オフィス、画像編集、ユーティリティ、Firefoxアドオン、テキストエディタ、ゲーム…ジャンルは様々。 [3D] [ LGPL] [ Mac OSX] [ S... 続きを読む

• www.moongift.jp
• テクノロジー

Swivel: Where Curious People Explore Data.Upload and explore data. As a preview it's rough around the edges, may your love for data guide you. This breaks out the number of service calls received by Fairfax County police within a 0.25 mile ra... 続きを読む

• www.swivel.com
• テクノロジー

dojo, the Javascript Toolkit: brought to you by the Dojo Foundation グラフ描画機能が機能追加されたJavaScriptライブラリ「Dojo 0.4」。 次のようなグラフがJavaScriptで描画することが可能です。曲線も美しいですね。一見Flashを使っているようにも見えま... 続きを読む

• phpspot.org
• テクノロジー

Chart Usage (WebFX) In web applications developed now days a lot of the logic that previously resided on the server side is now being implemented on the client side. This is especially true for information presentation, components such as tre... 続きを読む

• phpspot.org
• テクノロジー

CSSとPHPできれいなグラフを描く方法 February 13, 2007 9:07 AM written by terrill.caにてCSSとPHPできれいなグラフを描く方法が紹介されていました。 » terrill.ca | Vertical Bar Graphs using CSS and PHP 棒グラフや立体グラフなどがCSSのスタイルで描け... 続きを読む

• www.simplexsimple.com
• テクノロジー

solutoire.com | Plotr So I took some parts of PlotKit and wrote some parts myself. The result is a lightweight charting framework (12kb!) named Plotr. prototype.jsを使ったJavaScriptでグラフ描画ライブラリ「Plotr」。 次のようなグラフをJavaScrip... 続きを読む

• phpspot.org
• テクノロジー

munin, exchange, plugin, http://munin.projects.linpro.noNew user? Click the "Submit" button to create an account! ddclient (2008-09-21) multi_http_responsetime (2008-09-21) speedport_300 (2008-09-21) wuala stats (2008-09-20) pureftpd traffic ... 続きを読む

• muninexchange.projects...
• テクノロジー

# あおり気味のタイトルに変更:D Gigazine:　Flashできれいなパイチャートや円グラフを無料で作る「amCharts」 これよりカッチョイイやつを昔ぴろさんから教えてもらったのでご紹介. XML/SWF Charts http://www.maani.us/xml_charts/index.php SwfにXMLの形でデ... 続きを読む

• d:id:yamaz
• テクノロジー