JavaScriptグラフ適当分類メモ

JavaScript Graphing Library Comparison
グラフ比較サイトだけど多くて選別できない

多機能

D3.js - 日本語ドキュメント
難しそう

Data Visualization - Gallery of Interactive JS Charts | ZingChart

jQuery Widgets & Controls - ASP.NET MVC Controls – IgniteUI

vis.js - A dynamic, browser based visualization library.
リアルタイムグラフやタイムラインが面白い

plotly.js | JavaScript Graphing Library

JavaScript Charts and Maps | amCharts

http://js.devexpress.com/WebDevelopment/Charts/

アニメーション

Chartist - Simple responsive charts

おしゃれアニメーション

Contour Overview

真面目おしゃれ

http://metricsgraphicsjs.org/

n3-charts

おしゃれ

Canvasで超可愛いグラフが作れる!「Chart.js」の紹介 | 株式会社LIG 

まじめ

Palantir - Plottable.js

Beautiful HTML5 JavaScript Charts | CanvasJS

Highmaps JavaScript Maps | Highcharts

GitHub - codesuki/react-d3-components: D3 Components for React

dimple - A simple charting API for d3 data visualisations

Multiple plots sketch - jagracar

Vega: A Visualization Grammar

Cubism.js

シンプル

Chart Gallery  |  Charts  |  Google Developers

3D座標

GitHub - frewsxcv/graphosaurus: 3D graph viewer powered by WebGL (three.js)

http://timechart.toolset.io/

サムネイル

Sparky

組織図

Caprica Software Limited

yFiles for HTML - HTML5 / JavaScript Diagramming Library

ネットワーク

Cytoscape: An Open Source Platform for Complex Network Analysis and Visualization

GitHub - anvaka/VivaGraphJS: Graph drawing library for JavaScript

Sigma js

ヒートマップ

heatmap.js : Dynamic Heatmaps for the Web

地図

DataMaps

おまけ

[Google Charts]グラフに注釈を付加する

potatotipsでPUSH通知の許可UIに関して発表してきました

potatotips #26 (iOS/Android開発Tips共有会) - connpass で発表して参りました。運営スタッフの方や会場提供のSupershipさんありがとうございました。

発表資料

www.slideshare.net

Twitterの反応

続きを読む

Herokuと一緒に使う画像クラウドサービスまとめ

Herokuには画像が保存が出来ないのでS3や他のクラウドサービスに画像を保存する必要があります。選択肢を調査してみたのでまとめました。他におすすめがありましたら、よかったら教えて下さい。

Cloudinary - Cloud image service, upload, storage & CDN

とても良さそうなサービスだが、メールアドレスに対して画像アップロード空間が割り当てられるので、サービス毎に画像のアップ先を分けるためにはメールアドレスを切り直さないと行けない点が少し違和感がある。

実際に Can I use multiple ‘clouds’ on a single account? – Cloudinary Support では、別のアカウントを取得することを推奨している。

imgix • Real-time image processing and image CDN

自動でデバイスに合わせた画像を配信したり、最適なフォーマットを自動選択する機能は最高だと思いました。しかし、従量課金制なのが辛いかなと思いました。

Blitline - Image processing in the cloud

月額課金+使用時間課金です。機能は普通だと思いました。時間課金だから計算が難しいですが、そこそこ値段を高く感じた。

FilePreviews

サイトがシンプルでいい感じです。月額課金+ファイルアップロード単位の従量課金でした。従量課金制は、やはり少しだけ抵抗を感じる。

Kraken Image Optimizer · Kraken.io

画像の自動軽量化などが特徴のようです。月額制課金+追加GB従量課金のようです。

File Management for Images, Videos & more - Upload, Store, Process, & Deliver

シンプル&月額課金です。Cloudinaryに比べて機能は少ないですが、アプリ毎に画像のアップロード領域を区切れるメリットが有ります。

JavaScript Monitoring

特化

JavaScript Error Tracking from TrackJS

汎用

JavaScript Error Monitoring - Bugsnag

Sentry: Track exceptions with modern error logging for JavaScript, Python, Ruby, Java, and Node.js

Rollbar - Error Tracking Software for Ruby, Python, JavaScript, more

パフォーマンスモニタ付き

Real User Monitoring and JavaScript Error Tracking | Atatus

JavaScript errors page: Examining errors over time | New Relic Documentation

番外編

SpeedCurve | Pricing

 

iOSページスクロールライブラリの考察

触ってみたライブラリ

GitHub - goktugyil/EZSwipeController

使い方が難しそうだった

GitHub - hirohisa/PageController

ページタブまでついてくる奴は使いにくいかも

GitHub - kitasuke/PagingMenuController

ページタブまでついてくる奴は使いにくいかも

GitHub - mamaral/MAPageViewController

Objective-Cなのがちょっと気になる

GitHub - mindsnacks/MSPageViewController

Storyboardを見に行くのがユニーク

GitHub - DavdRoman/DRPageScrollView

Objective-Cなのがちょっと気になる 

GitHub - jhurt/GBPageControl

良さそう 

まとめ

もう少しシンプルで、画面を全てロードせずUICollectionView風に扱えるライブラリがほしいと思った。