表現力の高さに驚き。HTML5/Canvasグラフライブラリ·Flotr2 MOONGIFT
Flotr2はHTML5/Canvasを使ったグラフ描画ライブラリです。 これまでグラフと言えばFlashや画像出力が多かったですが、HTML5が使われるようになったことでぐっと表現力の高いグラフをWeb標準の技術で実装できるようになっています。その表現力を知るのにお勧めしたいのがFlotr2です。 たくさんのサンプルが用意されています。一気に紹介します。 線グラフです。 途中で途切れた曲線のグラフも描けます。 棒グラフです。 マウスオーバーで値を表示できます。 積み上げグラフです。 円グラフです。 レーダーチャート。 範囲グラフ。 ローソクチャートです。 滑らかな曲線のグラフです。 マウスオーバーでグリッドが表示されます。 マウスズームのデモです。 マウスで一部の範囲を指定できます。 折れ線グラフです。 マイナスの値にも対応。 クリックでリアルタイムにグラフを描きます。 画像ダウンロード
多彩な表現をご覧あれ。JavaScriptによるデータビジュアル化ライブラリ·JavaScript InfoVis Toolkit（JIT） MOONGIFT
JITはJavaScriptを使ったデータビジュアル化ライブラリです。 JavaScriptを使ってWeb上でデータを多彩にビジュアル化するライブラリがJavaScript InfoVis Toolkit（JIT）です。その多彩な表現をご覧ください。 積み上げのエリアグラフです。表示の際にはアニメーションが実行されます。 実際のコードです。 棒の積み上げグラフです。 横向き、2Dのグラフです。 関連グラフです。マウスで動かせます。 マウスオーバーで説明が表示されます。 こんなグラフもあります。 星形。格好いいです。 カスタマイズにも多様に対応しています。 容量の表示などによく利用されるツリーマップです。 こちらもパターンが色々用意されています。 グラフを組み合わせたパターンです。 こんな表現も可能です。 派生していくアニメーションが格好いいです。 円グラフです。アニメーションやマウス操作に
使い道色々。jQueryを使ってSparklineグラフを描く·Peity MOONGIFT
PeityはjQueryでSparklineグラフ（円、棒、折れ線）を描くJavaScriptライブラリ。 PeityはjQuery/JavaScript製のオープンソース・ソフトウェア。Webサイトはテキストコンテンツが多い。一覧表などはテーブルタグを使えば簡単に実現できるが、それをグラフ化しようと思うと面倒に感じてしまうからだろう。 円グラフ だがライブラリを使えば容易に実現できる可能性がある。Canvasタグを使ってSparkline系グラフを描くライブラリがPeityだ。 Sparklineとは一行程度の小さなグラフで、縦軸横軸の説明は行わない。そのような説明がなくとも十分理解できるグラフについて使われる。ごく小さいので文章中に埋め込むのも容易だ。Peityでは円グラフ、折れ線グラフ、棒グラフの三種類を描くことができる。 折れ線グラフ タグの中に埋め込まれた文字を使ってグラフにして
「カンマ」を最後に付けるだけでGoogleの隠れた検索便利機能が無効になる | ライフハッカー・ジャパン
Googleの検索ボックスは、計算機になったり、時間を教えてくれたり、ダウンロード時間を計算してくれたりと、色々と便利です。しかし、検索ボックスに入力した言葉を単純に検索結果として表示して欲しい場合は、それが裏目に出る事もあります。そのような場合は、検索ワードの最後に「,（カンマ）」を付けるだけで簡単に解決できる、とブロガーのBenjamin Edelmanさんが教えてくれました。 例えば、トヨタの株価に関するニュースを調べたいとします。Googleで「トヨタ 株価」と入力して検索すると、トヨタの株価のグラフが最初に表示され、その後に検索結果が表示されます。これだと、トヨタの株価に関するニュースが知りたい場合にスクロールして見なければなりません。画面サイズが小さなノートパソコンやネットブックを使っている場合、この表示の仕方はありがた迷惑ですよね...。 純粋に検索結果だけを表示したい時は、
プログラミング入門に向くのはどの言語か - susumuis Info
釣りのようなタイトルで申し訳ありません。 この話題、人によってそれぞれの意見をもっていると思うので、議論が収束しなくなりがちです。 例： 「私がJavaScriptを初心者用の言語として選んだわけ」（404 Blog Not Found） http://blog.livedoor.jp/dankogai/archives/51005691.html 僕自身の経験に言わせれば、僕がプログラミングに入ったのは、Delphi2.0でした。言語がPascalということで、敬遠されがちの面もありましたが、塚越一雄さんの本が高品質であったため、快適に学習することができました。 ある程度アルゴリズムっぽいものを学ぶ段階で、僕は10進BASICに触れました。ちょっとしたグラフをプロットする機能もあったので、色々なグラフを書いて遊びましたし、一連のソートのアルゴリズムを試したりもしました。自分で乱数を実装し
JFreeChart – グラフ中の日本語が文字化けしないようにするには | TK Factory
2009/11/09現在では、『JFreeChart 1.0.13』が最新ですが、 今まで記述していたやり方では、グラフ中の日本語が文字化けしてしまいますが、 ChartFactory.setChartTheme(StandardChartTheme.createLegacyTheme()); のように、レガシーテーマを設定することで、グラフ中に日本語を使用しても文字化けしなくなります。 package net.tk_factory.example.jfreechart; import java.io.FileOutputStream; import java.io.IOException; import net.tk_factory.example.AbstractExample; import org.apache.log4j.Logger; import org.jfree.char
TEPCO : でんき予報
2024/3/26 当社システム作業に伴うでんき予報一部データの更新停止について 2024/1/22電力需要に関するアンケートへのご協力のお願いについて 2023/11/27 今秋の低需要期間の週末における再生可能エネルギー出力制御発生見込みの公表は終了しました。次回は、来春頃からの公表を予定しています。 2023/10/6 10月6日より、秋季低需要期間の週末における再生可能エネルギー出力制御発生見込みの公表を開始しました。 2021/10/27 「取り扱い・免責事項について」の「取り扱い」を更新しました。 2019/3/28 2019年3月28日より、太陽光発電実績および予想最高気温の表示を開始しました。 2018/12/1 2018年12月1日より、使用率ピーク時間帯の電力使用見通しの表示を開始しました。※使用率ピーク時間帯とは、１日の中で予想される使用率が最大となる時間帯。（需給状
東電が電気使用状況データをCSVで公開 「アプリ作ったら知らせて」と経産省
東京電力がこのほど電気使用状況データをCSV形式で公開したことを受け、経済産業省情報プロジェクト室（@openmeti）は3月24日、そのデータを活用したアプリを作ったら知らせてほしいとTwitterで呼びかけた。「優れたアプリは国でも取り上げていきたい」という。 東電が公開しているのは、当日と前日の電気使用量の速報値。電気使用状況はこれまで東電のグラフで確認できたが、23日からはデータをCSV形式でダウンロードできるようになり、外部の開発者がそのデータを使ったサービスを作りやすくなった。 経産省情報プロジェクト室は、東電の電気使用状況データを活用したアプリを作ったら「@openmetiに向かってつぶやいてください」とコメント。集まった情報はひとまず、民間のWikiページ「東北関東大震災（東北地方太平洋沖地震）@ウィキ」にまとめる方針で、「編集して情報を加えていっていただけると助かります」
解析データの、グラフ化に。JavaScript製統計解析ライブラリ·jStat MOONGIFT
jStatはJavaScriptで作られた統計解析ライブラリ。Canvasタグにデータをプロットする。 jStatはJavaScript/jQuery製のオープンソース・ソフトウェア。単純に一覧化された数値では分からない情報も、データをビジュアル化すると見えているものがある。トレンドや偏差が見えると、次の手や分析する上でのきっかけが掴めるようになる。 二つのデータを描画 統計のビジュアル化をする解析言語としてはMATLABやRが有名だ。しかしそうした言語を覚えないとデータのビジュアル化ができないのは面倒だ。Webブラウザ上でもっと手軽にグラフを描くソフトウェアとしてjStatを紹介しよう。 jStatでは多様な統計解析を行うライブラリだ。描画にCanvasを使っているのでHTML5をサポートしたモダンなWebブラウザがサポート対象になっている。またjQueryを使っている。線で描画すること
doko.in - このウェブサイトは販売用です！ - doko リソースおよび情報
This webpage was generated by the domain owner using Sedo Domain Parking. Disclaimer: Sedo maintains no relationship with third party advertisers. Reference to any specific service or trade mark is not controlled by Sedo nor does it constitute or imply its association, endorsement or recommendation.
悪あがきプログラマー
悪あがきプログラマー｜note 古い記事はそのまま残しておきます。 www.apple.com 会社用です。家に置くと会社行きたくなくなるので。 今まではLenovoの4Kを使ってました。 Macで使う4Kモニター Lenovo LI2821 Wide（60Hz対応） を導入してみた - 悪あがきプログラマー 以前使っていたのが4Kでサイズも同等なので、何のために買い替えたのかと思われるかもですが、前のディスプレイはTNパネルだったのですね。家の安い2Kディスプレイのほうが発色良いという残念なことになってました。 TNパネルがどんな感じがざっくり言うと、全体的に靄がかかって薄い白い感じです。 発色だけを考えるなら2Kで同等サイズでもまぁ良かったのですが、マシンがMacbook Pro Late 2016、時代は4K、さらに安くなってるって！？と思ってポチりました。 5K要るかというと全く要
SVGでグラフを生成する·SVGGraph MOONGIFT
SVGGraphはPHP製のオープンソース・ソフトウェア。HTML5が正式に決まり、メジャーなブラウザがHTML5対応を強めている。そんな中、ようやく日の目を見そうなのがSVGだ。技術的には昔からあるものの、対応ブラウザが限られることもあってあまり使われてこなかった。 棒グラフ、円グラフ SVGを使うと幸せなのが、クライアントサイドでレンダリングを行えるということだ。サーバサイドでは画像を生成する必要がなく、XMLベースでベクターデータを出力すれば良いだけだ。そしてSVGを使ったグラフライブラリがSVGGraphだ。 SVGGraphはPHPを使ってグラフを生成する。対応しているグラフは棒グラフ、円グラフ、折れ線グラフ、散布図となっている。棒、円グラフは3D表示にすることも可能だ。画像とは異なり、リンクを埋め込むことができたり、値のツールチップを入れることもできる。 折れ線グラフおよび散布
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
ブログなどに埋め込みできるグラフ作成ツール「Google Image Chart Editor」 | ライフハッカー・ジャパン