プレゼン資料を作っている時に「このコミットグラフをMarkdownかテキストで書けたらな」と思ったことがある人、結構いるのではないでしょうか。 GitGraph.js を使うと、JavaScriptで記述したコミットログをcanvasを使って可視化できることを知りました。なかなかおもしろいです。 準備 まず GitGraph.js の JavaScript と CSS ファイルを読み込みます。GitHub からソースをcloneするなり、bowerを使うなり、CDNを使うなり、お好みで。ここではコミットグラフを定義するコードも別ファイル index.js に書くことにします。 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>GitGraph.js</title> <link rel="stylesheet" type=
はてなグループの終了日を2020年1月31日(金)に決定しました 以下のエントリの通り、今年末を目処にはてなグループを終了予定である旨をお知らせしておりました。 2019年末を目処に、はてなグループの提供を終了する予定です - はてなグループ日記 このたび、正式に終了日を決定いたしましたので、以下の通りご確認ください。 終了日: 2020年1月31日(金) エクスポート希望申請期限:2020年1月31日(金) 終了日以降は、はてなグループの閲覧および投稿は行えません。日記のエクスポートが必要な方は以下の記事にしたがって手続きをしてください。 はてなグループに投稿された日記データのエクスポートについて - はてなグループ日記 ご利用のみなさまにはご迷惑をおかけいたしますが、どうぞよろしくお願いいたします。 2020-06-25 追記 はてなグループ日記のエクスポートデータは2020年2月28
Discover the resources for adding interactive charts for browsers and mobile devices.
ドットインストール代表のライフハックブログ
Pure CSS Menu – light, fast, easy to make, SEO Friendly This is my favorite technique for making CSS rollover menus. Its a combination of image replacement technique, and pure CSS list menus. There is no javascript, and beneath it is valid XHTML code, so you don’t need to worry about SEO performance If your […]
マインドマップ、ネットワーク図、組織図などを描画できるJavaScriptライブラリ「InfiView」 2007年04月02日- InfiView: Demos / Experience One of InfiView's strengths is its ability to show subsets of large contents of data in an efficient way by swapping data in and out of memory.マインドマップ、ネットワーク図、組織図などを描画できるJavaScriptライブラリ「InfiView」。 次のような図をJavaScript で動的に描画することが出来ています。 少々重いですが、デモとして見てなかなか楽しめます。 フライトブラウザ ネットワーク構成図 バルーンツリー と、サンプルで示した以外にも色々とデ
2007年05月17日23:34 バネモデルによるグラフ描画をJavaScriptで カテゴリIT バネモデルによるグラブ描画をするJavaScriptライブラリを書きました。 サンプルはこちら http://sawamuland.com/graph/sample.html バネモデルの基本は２つのノード(点)がつながれている場合、そこにバネがあるとして力(内向きまたは外向き)を計算し、 さらに自分とつながっていない全てのノードから距離に応じた斥力(反発する力)を受けるとして位置の移動を繰り返します。 つまり、つながれた２点が近すぎる場合は反発し、遠い場合は引き合い、つながれてない他の点からは等しくはなれようとするため多くのエッジ(線)を持つ集合が固まり、線が少ないノードはそこから離れて行きます。 この実装ではバネの力は log( ノード距離 / バネの長さ ) に適当な係数をかけて計算し
canvas を使った JavaScript によるグラフ描画ライブラリ 2006-02-13-1: [JavaScript][Code] - new Javascript/Canvas Graph library http://aslakhellesoy.com/articles/2006/02/09/announcement-new-javascript-c ... HTML の canvas タグを使ったグラフ描画ライブラリ．アルゴリズムはスプリングモデル． canvas タグは Safari 2，Firefox 1.5，Opera 9 でサポートされている． 使い方は非常に簡単で，上記の画像は以下のソースで実現．本体は graph.js というファイル． <canvas id="people" width="350" height="350" style="border: 1px
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
