Principal Component Analysis explained visually
By Victor Powell with text by Lewis Lehe Principal component analysis (PCA) is a technique used to emphasize variation and bring out strong patterns in a dataset. It's often used to make data easy to explore and visualize. 2D example First, consider a dataset in only two dimensions, like (height, weight). This dataset can be plotted as points in a plane. But if we want to tease out variation, PCA
Epoch - Basic Charts
Real-time Epoch's real-time charts have been fine tuned for displaying frequently updating timeseries data. To make them performant (aka not crash the browser) we've implemented the charts using a hybrid approach of d3 SVG with custom HTML5 Canvas rendering. Using Real-time Charts Every real-time chart has a name prefixed with time. and was built to use the same workflow, here's an overview: Creat
Chartkick - Create beautiful JavaScript charts with one line of Ruby
Quick Start Add this line to your application’s Gemfile: gem "chartkick" Then follow the instructions for your JavaScript setup: Importmap (Rails 7 default) esbuild, rollup.js, or Webpack Webpacker (Rails 6 default) Sprockets This sets up Chartkick with Chart.js. For other charting libraries and frameworks, see these instructions. Importmap In config/importmap.rb, add: pin "chartkick", to: "chartk
Bounded Panning in D3 | Computationally Endowed
Say you want to draw a chart but the data that you’re dealing with has a huge domain. You can’t possibly fit the whole chart on your page without degrading the visual fidelity of the data, so you’re left with something that looks like this. You can’t see all your data. This is a problem, and it’s a problem that clearly manifests itself in your code. Check out how you’re setting up your scales and
Cubism.jsでモニタリングツールを自作する | Ore no homepage
前回の記事で、JavaベースのプロダクトのモニタリングはJolokiaが良い感じかも、って記事を書いた。んで、jolokiaで取得したデータをGrowthForecastに突っ込んでグラフを描画させてたんだけど、あんましっくりこなかった。んで、ここは自作しかねーやと思って、いろいろグラフ描画のライブラリ探してたらCubism.jsってのを見つけた。どうやらd3.jsのプラグインみたい。同僚はrickshaw.jsを推してたんだけど、俺はCubism.jsの方が見栄え的にシンプルで好きだったので、CubismでCassandraの自作モニタリングツールを作ってみた。 1. Cubism.js ↓が公式サイト Cubism.js. A Time Series Visualization. http://square.github.com/cubism/ 2. こんな感じです ↓が画像です。Ca
XKCD plots in d3
XKCD-style plots in Javascript using D3 Inspired by this blog post and Mike Bostock's comment on this HN thread, I decided to make an XKCD-style plot in Javascript using D3 with a custom interpolation function. I also tried to use the "reusable chart" paradigm. You should really check out the source. Here's an example...
XKCD-style plots in Matplotlib | Pythonic Perambulations
from IPython.display import Image Image('http://jakevdp.github.com/figures/xkcd_version.png') Sometimes when showing schematic plots, this is the type of figure I want to display. But drawing it by hand is a pain: I'd rather just use matplotlib. The problem is, matplotlib is a bit too precise. Attempting to duplicate this figure in matplotlib leads to something like this: It just doesn't have the
NVD3
This project is an attempt to build re-usable charts and chart components for d3.js without taking away the power that d3.js gives you. This is a very young collection of components, with the goal of keeping these components very customizable, staying away from your standard cookie cutter solutions. View more examples » GitHub Repo Download d3.v3.js. This is the only required library for NVD3. Dow
Peity • progressive <svg> pie, donut, bar and line charts
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
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.
Rickshaw: A JavaScript toolkit for creating interactive time-series graphs
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
Morris.js
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
Matt Greer
Yokul - Google Charts Reimplemented in a Local JS Canvas This article has moved. You can find it here Hi, I’m Matt Greer, thanks for stopping by. I’m a developer in the San Jose area. I am mostly interested in web related technology, but also dabble in games, Clojure(Script), visualization and sometimes devops-ish stuff. All opinions expressed here are my own. This site was created with Wintersmit
jQuery Sparklines
Mouse speed Loading.. Inline 10,8,9,3,5,8,5 line graphs 8,4,0,0,0,0,1,4,4,10,10,10,10,0,0,0,4,6,5,9,10 Bar charts 10,8,9,3,5,8,5 negative values: -3,1,2,0,3,-1 stacked: 0:2,2:4,4:2,4:1 Composite inline 8,4,0,0,0,0,1,4,4,10,10,10,10,0,0,0,4,6,5,9,10 Inline with normal range 8,4,0,0,0,0,1,4,4,10,10,10,10,0,0,0,4,6,5,9,10 Composite bar 4,6,7,7,4,3,2,1,4 Discrete 4,6,7,7,4,3,2,1,4,4,5,6,7,6,6,2,4,5 Di
ggplot2
ggplot2 is a plotting system for R, based on the grammar of graphics, which tries to take the good parts of base and lattice graphics and none of the bad parts. It takes care of many of the fiddly details that make plotting a hassle (like drawing legends) as well as providing a powerful model of graphics that makes it easy to produce complex multi-layered graphics. Documentation ggplot2 documentat
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Keen - Event Streaming Platform
http://mbostock.github.io/d3/tutorial/bar-2.html
MagicPlot - Nonlinear fitting, scientific plotting and data analysis software
https://www.rgraph.net/_router.php
d3.js - Data-Driven Documents