nivo provides a rich set of dataviz components, built on top of D3 and React.
![Home | nivo](https://cdn-ak-scissors.b.st-hatena.com/image/square/e0f9c321366ff72f28ecf053ebdeabaaf77cd6f2/height=288;version=1;width=512/https%3A%2F%2Fnivo.rocks%2Fstatic%2F01da9e2cb279ff984065284dfe0c1e9a%2F2b65e%2Fhome.png)
GraphQLを使って、ネイティブアプリにさまざまな集計方法のランキングを出す、というときについて考えている。 たとえば、ソーシャルブックマークアプリを作っているなら、「総合」「一般」「世の中」「政治と経済」みたいに、カテゴリごとのランキングを出すことがイメージできると思う。 どのようなqueryを用意して、どこまでパラメータ化するか、どこまで自由にするかによって、サーバークライアント間の責任分担や、その後の変更コストが変わってくる。 サーバーサイドで制御する rankings: [Ranking!]!みたいに、クライアントからは「ランキングください」とだけ送るパターンを考えられる。クライアントでは、Arrayの返ってきた順に画面上に表示する。 良い点 サーバーサイドでランキングの定義を持てるので、APIだけでなく、ウェブの画面に表示するランキングなど、他の面との仕様を揃えやすい 変更がサ
Morris.js Making good-looking graphs shouldn't be hard. Morris.js is a lightweight library that uses jQuery and Raphaël to make drawing time-series graphs easy. Morris.js started life as the code that powered the graphs on howmanyleft.co.uk. Now it's been open-sourced for the whole world to extend and enjoy. Follow me at @olly_smith on Twitter for news and updates. If you'd like to contribute, hea
GeoCommons A public community and set of tools to access, visualize and analyze data with compelling map visualizations. http://geocommons.com GeoCommons Type: Web Application & API Technology: JavaScript, Ruby License: Various Links Website API Documentation GitHub User Google Fusion Tables A web application that makes it easy to host, manage, collaborate on, visualize, and publish data tables. h
Create charts from your Django models effortlessly Do you need to plot charts in your django websites? Are you using boring static chart images and do you like your charts to be more interactive and interesting? Do you have to write a lot of just to convert the data to the right format before you can plot? With Django-Chartit you can create interactive charts effortlessly. Charts are rendered usin
Rickshaw is a JavaScript toolkit for creating interactive time series graphs. Rickshaw on GitHub Graphing Toolkit Rickshaw provides the elements you need to create interactive graphs: renderers, legends, hovers, range selectors, etc. You put the pieces together. See Demo → Built on d3.js It's all based on d3 underneath, so graphs are drawn with standard SVG and styled with CSS. Customize all you l
Peity (sounds like deity) is a jQuery plugin that converts an element's content into a <svg> mini pie 2/5 donut 5,2,3 line 5,3,9,6,5,9,7,3,5,2 or bar chart 5,3,9,6,5,9,7,3,5,2 and is compatible with any browser that supports <svg>: Chrome, Firefox, IE9+, Opera, Safari. Download version 3.3.0 Uncompressed 8.8Kb jquery.peity.js Minified 3.6Kb (+gzipped 1.7Kb) jquery.peity.min.js Source github.com/be
Yeah, it's kind of time. I have to admit it. It's time to wrap things up. SimpleDiagrams is no more. A lot of people have used SimpleD over the years. Dare I say some even found it nice. But the time has come to move on to new things. It's OK! It's ok. I'm not bitter. No no. Not bitter at all. It was all good fun to make. And if I learned one thing, it's that customer service is the best part of t
データのライブアップデートによるアニメーション効果もつけれるようで、オリジナルのグラフを作成する事ができます。 デモ デモ デモ データはjson形式で渡せるようです。 かなり効果的に見せる事ができそうですね。
http://matplotlib.sourceforge.net/ よく使う機能のみピックアップ。 グラフ(plot) from pylab import * x = arange(-10, 10, 0.1) y = sin(x) plot(x,y, '--') show() 棒グラフ(bar) from pylab import * datas = {"Tim":7, "Jack":10, "Matthew":4} width = 1 bar(arange(3), datas.values(), width) xticks(0.5+arange(3), datas.keys()) show() 散布図(scatter) from pylab import * N = 20 x = rand(N) y = rand(N) scatter(x, y, marker="+") show()
pChart 2.x is born, you can start moving your script to this new version. The new website is at www.pchart.net. pChart is a PHP class oriented framework designed to create aliased charts. Most of todays chart libraries have a cost, our project is intended to be free. Data can be retrieved from SQL queries, CSV files, or manually provided. This project is still under development and new features or
pChart 2.x is born, you can start moving your script to this new version. The new website is at www.pchart.net. The pChart charting library is providing many ways to reprensent a single or multiple series of data. We'll try to add screenshots everytime an interesting functionnality is added to the pChart library. To have a complete overview of what pChart can do for you, we invite you to take a lo
Python Google Chart About pygooglechart is a complete Python wrapper for the Google Chart API. Examples Click on the chart images below to see the source code used to create the chart. Documentation Documentation and examples are slowly progressing. ChangeLog Example Code Installation pygooglechart works with Linux, Windows and Mac OS X. Binary Installers Source Install There are a few ways of ins
数式で描かれる曲線はどれも美しい。ほんの少しのパラメータの変化で、描かれるグラフは大きく異なってくる。また、英数字の羅列だけでは見えてこなかった規則性や特徴がグラフ上にプロットすると見えてくることもある。 同時に3つの グラフが描ける 特に工学系の学生であればグラフを描く機会が多いと思う。手作業では書きづらい、複雑なグラフを容易に描けるのがこのソフトウェアだ。 今回紹介するオープンソース・ソフトウェアはopenPlaG、Webベースの関数グラフライブラリだ。 openPlaGはPHPで作られたソフトウェアで、パラメータを渡すことで関数グラフを描くことができる。f(x)で定義されるもの、または微分や積分のグラフを描くことが可能だ。グラフは同時に三つまで定義することができる。 計算機能もある グラフの色や幅、画像の種類などは細かくパラメータで指定することができる。専用のフロントエンドも用意され
Info: Open Flash Chart 2 is out. Version 1.x and these pages will never disappear and the charts will continue working forever, but further development on 1.x has stopped. Take a look at version 2 here Open Flash Chart 2. Hello, this is the Open Flash Chart project. Get graphs like this for free: How does it work? User browses to your web site. The browser downloads the web page which contains the
Charts with PHP and Google Charts API Just yesterday I found out about the Google Charts API and I was impressed by this excellent service but noticed that creating multiple charts got pretty messy, especially if I wanted to edit the data later on. I figured if I wanted to use this in the future, I’d like an easier way to create charts out of my data - thus the class GoogChart was born. What I wan
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く