[B! graph] labduckのブックマーク

[JS]スマホに最適化された優れもの！さまざまなチャートやグラフを実装できるCanvasベースのライブラリ -F2

チャートやグラフは、さまざまなスマホアプリで見かけます。スマホのデバイスに対してデザイン、インタラクション、パフォーマンスに最適化されたチャートやグラフを実装するHTML5 Canvasベースのライブラリを紹介します。 Node.js、React Nativeなどに互換性もあり、50種類以上のチャートやグラフを簡単に利用できます。スマホ向けのデザインデザインはスマホに最適化されており、軽快なインタラクションでデータをより自然に表示します。スマホに最適化されたパフォーマンス軽量で、素晴らしいレンダリングのパフォーマンスを実現。互換性 HTML5のCanvasベースで実装されており、Node.js、React Nativeで実行することもできます。ライセンス MITライセンスで、個人でも商用でも無料で利用できます。 F2のデモまずはスマホのアプリでよく見かける、美しいデザインと

labduck 2018/09/02

chart
graph

リンク

20+ JavaScript libraries to draw your own diagrams (2024 edition)

20+ JavaScript libraries to draw your own diagrams (2024 edition) by Jordi Cabot | Jan 10, 2024 | tools, cloud & web engineering, Model-driven Engineering | 53 comments You can draw and model anything in your browser with JavaScript. Indeed, there is a vast array of user-friendly online modeling tools available to create UML (or ER, BPMN, …) diagrams right in the browser. But what if you want to c

labduck 2018/08/23

リンク

Plotly

plotly.js abstracts the types of statistical and scientific charts that you would find in packages like matplotlib, ggplot2, or MATLAB. d3.json('https://plotly.com/~DanielCarrera/13.json', function(figure){ var trace = { x: figure.data[0].x, y: figure.data[0].y, z: figure.data[0].z, type: 'contour', autocolorscale: false, colorscale: [[0,"rgb( 0, 0, 0)"],[0.3,"rgb(230, 0, 0)"],[0.6,"rgb(255,210, 0

labduck 2015/12/27

リンク

JavaScriptチャートライブラリを選ぶにあたって考えたこと - クックパッド開発者ブログ

こんにちは、トレンド調査ラボの井上寛之（@inohiro）です。クックパッドの検索ログを基にした法人向けデータサービス「たべみる」の開発を担当しています。本稿では、現在開発を行っているスマートフォン向けウェブアプリケーション（Rails）で採用した、 JavaScriptチャートライブラリを選定するにあたって検討した観点について述べます。また、実際に採用したライブラリと、その利用例を簡単に紹介します。ウェブ上に無数にあるJavaScriptチャートライブラリから、最適なものを一つ選択するのはなかなか難しい作業ではないかと考えています。おそらく、これから記述する条件を満たすライブラリは数多く存在し、今回私が選択したライブラリ以上に良いものがあるのではないかと思います。「何を以って良いライブラリとするか」という議論もまた難しい話題です。そのようなライブラリについては、はてブコメ

labduck 2015/11/10

chart
graph

リンク

D3.jsを使ったグラフを簡単に作成できるChromeアプリ「datamatic.io」 – GUNMA GIS GEEK

Chromeウエブストア datamatic.io 「datamatic.io」はブラウザ上でD3.jsを用いたグラフを簡単に作成できるChromeアプリです。テンプレートを選択して、各項目(プロパティ)を設定するだけで綺麗なグラフを作成することができます。下記URLにアクセスするだけでジェネレーターを弄って遊ぶことはできますが、作成したグラフをShareしたりsvgやpngファイルとしてダウンロードするにはChromeアプリとして登録する必要があります。 http://datamatic.io/ 詳しい操作方法は下記動画を参照してください。

labduck 2014/09/05

graph

リンク

Loading...

labduck 2013/07/19

あらよさげ

graph

リンク

Chart.js

New in 4.0 Colors plugin Default palette of Chart.js brand colors is available as a built-in time-saving zero-configuration plugin.

labduck 2013/03/18

html5
graph

リンク

GrowthForecast - Lightning fast Graphing / Visualization

GrowthForecast is a web tool that let's you graph all sorts of metrics via a WebAPI. Our simple API let's you create and update charts in real time, customize your charts through a Web interface, and create charts that combine multiple metrics. You can graph your MySQL data with 1 line of code $ crontab -l */5 * * * * curl -F number=`mysql -BN -e 'select count(*) from member' game` http://example.