グラフのギャラリー

このページでは、Charts API の便利な使い方をご紹介します。

 

	ブルーマン 詳細な手描きの折れ線グラフ（lxy）。 投稿者: Roberto Mensa
	ツール ド フランス（チャート） 執筆者: Thomas Guest     1987 年、ペドロ デルガド 1987 年のツアーでスティーヴン ロシュが作った壮大な山のステージを生々しく再現。黄色を身に着けたペドロ デルガドは、ラ プラーニュの登山でライバル達を大きくリードしていました。しかし、Roche はなんとかして勝負を出し、わずか 5 秒のデルガドでゴールを決めました。彼はみんなを驚かせました。彼は倒れて疲れ果て、酸素を与えなければならなかったものの、十分な努力を尽くしていたロシュはツアーで優勝を勝ち取りました。形成可能！                 2009 年、Mark Cavendish 氏 水銀のマンクスマン、マーク カヴェンディッシュが 2009 年のツアーでは 6 つのステージを制覇しました。彼は、シャンゼリゼの最終戦でイギリス人初の勝利を収め、圧倒的な大差で優勝しています。
	パックマン 伝説のパックマンを模した円グラフ。 投稿者: Paolo Massa
	Mondrian ピエト モンドリアンの有名な絵画「Composition with Yellow, Blue, and Red」（1937 ～ 1942 年）を折れ線グラフで再現した折れ線グラフ。 投稿者: Dmitry Scriptin
	散布図の星図 地球上の特定の場所の星図を表示します。赤道（x）、黄道（o）、極（N）、天頂（z）、複数の惑星（h - 土星、d - 火星、D - 月）が表示されます。 投稿者: Mike Duffy
	キツネ 手描きの画像の折れ線グラフ（lxy）トレース。 投稿者: EPH Phone Answering Services の
	パンチカード グラフ（散布図） 散布図でポイントのサイズと配置の両方を使って情報を伝える良い例です。このグラフの URL については、以下の点にご注意ください。 cht=s - これは散布図です。 chd=0,1,2,3,...|0,0,0,0,...|0,1,3,0 - このグラフのデータはグリッド形式ですっきりとレイアウトされています。この散布図では 3 つの系列が使用され、最後の系列はドットサイズを指定するために使用されます。 chds=-1,24,-1,7,0,17 - chds パラメータは、-1 ～ 24 列と -1 ～ 7 行のスケールを設定します。これにより、時間と日（最初のエントリがゼロ）に対応する単純なグリッドを使用して、ドットを指定できます。目盛りは -1 から始まるため、点は軸線の右に描画されません（グラフの周囲に空白の行または列が追加されます）。 chm=o,333333,1,-1,25 - すべてのポイントに使用されるデフォルトのマーカー タイプを指定します。デフォルト サイズとして、ほぼ黒い円の 25 ポイントを割り当てます。25 は最大データ値のサイズです。3 番目のデータ系列でこの値が小さければ、ドットは小さくなります。 chxl=0:||12am|1|2|3|4|5|6|7|8|9|10|11|12pm|1|2|3|4|5|6|7|8|9|10|11||1:||Sun|Mon|Tue|Wed|Thr|Fri|Sat| - X 軸と Y 軸のラベル。両軸の 1 つ目の値は空（「||」と指定）で、軸の交差部分に空のスペースが残ります。 投稿者: github.com
	ウェブ トラフィックの折れ線グラフ（折れ線グラフ） 線のスタイル、重なり合ったマーカー、グリッド線、塗りつぶし、範囲マーカーを示す見栄えの良い折れ線グラフ重要なパラメーターは次のとおりです。 cht=lc - 折れ線グラフ。X 軸に沿ってポイントが均等に配置されます。 chg=25,25,3,2 - グリッドのサイズとパターンを指定します。ここでは、x 軸と y 軸の両方で 25 単位の線があり、3 ピクセルのダッシュと 2 ピクセルのスペースが破線になっています。 chf=bg,s,1F1D1D|c,lg,0,363433,1.0,2E2B2A,0.0 - 2 つの塗りつぶし。1 つはグラフの背景用で、もう 1 つはグラフのプロット領域用です。 chm= - ライン上にある白で塗りつぶされたひし形マーカーは、実際には 2 つのマーカーを組み合わせたものです。最初にラインカラー マーカーと、同じポイントに同じサイズと形の少し小さい白のマーカーを配置して、白を塗りつぶしたひし形マーカーのように見えます。塗りつぶしの色は最初に指定されるため、自動的に白色のマーカーの下にある色になります。そのため、レイヤ処理のためにマーカーの Z オーダー値を指定する必要はありません。 r,FF00004C,0,0.40,0.60 - グラフ背景の横方向の赤い帯。 開始値と終了値が 0 ～ 100 ではなく 0.0 ～ 1.0 の範囲であることに注目してください。また、グリッド線と背景が通過できるように透明度も指定します。 R,0080004C,0,0.70,0.90 - グラフの背景にある緑色の垂直帯。開始値と終了値が 0 ～ 100 ではなく 0.0 ～ 1.0 の範囲であることに注目してください。また、グリッド線と背景が通過できるように透明度も指定します。 d,CA3D05,0,-1,12,0|d,FFFFFF,0,-1,8,0 - 青い線上のすべてのポイントに赤いひし形のマーカー。1 つ目のマーカーは赤色のひし形で、2 つ目のマーカーはやや小さく白い白です。 d,87CEEB,1,-1,12,0|d,FFFFFF,1,-1,8,0 - 青色の線上のすべてのポイントに青色のひし形マーカー。1 つ目のマーカーは青色のひし形で、2 つ目のマーカーはやや小さく白い白です。 chxt=y,y,x,x,x、chxl=0:||25|50|75|100|1:|Hits|2:|Nov|Dec|Jan|Feb|Mar|3:|2007|2007|2008|2008|2008|4:|Month - 軸ラベル。このグラフには、2 つの Y 軸と 3 つの X 軸の 5 組の軸ラベルが表示されています。最も内側の y 軸（インデックス 0）には「0」マーカーではなく空白のラベルが含まれています。このマーカーによってグラフの左下隅が少し埋まってしまいます。 chxp=1,50.0| 4,50.0 - y 軸と x 軸での「ヒット」ラベルと「月」ラベルの配置を指定します。 chma=55,120,0,0 - 左右の余白を増やして、グラフの両側と「ヒット」ラベルおよび凡例テキストの間に少しスペースを追加します。 投稿者: charts4j.com
	レーダー チャート さまざまな研究分野における成績がかなり低いことをマーカーで示した、見栄えの良いレーダー チャート。 cht=r - レーダー チャート。 chxt=y,x - 数値スケールを同心円（X 軸）と度数マーカー（Y 軸）として表示します。 chls=4 - レーダーのトレース線の線のスタイル（幅 4 ピクセルの線）。 chd=t:80,49,48,78,59,80 - データには 1 つの冗長なポイントが含まれています。プロットがうまく折り返されるように、最初と最後のポイントは同じ値になります。 chxp=0,0,20,40,60,80,100 - X 軸に表示するグリッド線を指定します。このパラメータがないと、グリッド線が 10 単位ごとに表示され、グラフが非常に情報量の多いものになってしまいます。 chxl=1:|Maths|Arts|French|German|Music - 6 つのデータポイントに対して 5 つのラベルのみを指定します。グラフは、ラベルまたは（データポイント - 1）のうち、大きい方に分割されます。このグラフでは、これらは同じ値です。 chm=s,CC3366,0,-1,12,0|s,FFFFFF,0,-1,8,0 - 塗りつぶしの正方形のスタイル マーカーを作成します。最初に赤い正方形を指定し、次に少し小さい白の正方形を指定して作成します。白い四角は 2 番目に指定されるため、2 番目に描画されます。各マーカーの Z オーダーを指定してスタック方法を決定する必要はありません。 投稿者: charts4j.com
	幻想的なレーダー チャート 幻想的なレーダー チャート。これは、花びら用と中央の青い目用の 2 つのデータ系列で構成されています。ピンクの小さな円は、円のマーカーです。目と花びらは線の塗りつぶしで色付けされています。URL については、以下の点に留意してください。 cht=rs - r ではなく rs タイプのレーダー チャートで、角丸のスプラインを生成します。 chd=s: ... - 指定された 2 つのデータ系列。それぞれ 202 個のデータポイントを持ちます。1 つ目のシリーズは花びら用、2 つ目のシリーズは中央の目用です。各ポイントの間隔は約 360/202 = 1.8 度です。 chf=bg,s,504227 - 茶色の背景の塗りつぶし chm= B,8FA3D6,0,0,0 - 花びらのペリウィンクルの塗りつぶし。 o,FFC0CB,1,0,20,0 - 20 個のデータポイント間（約 36 度間隔）で配置された、10 個のピンク色の円のマーカー（ここに表示されていないもの）。 o,FFC0CB,1,20,20,0 o,FFC0CB,1,40,20,0 ... o,FFC0CB,1,200,20,0 B,3D5593,1,0,0 - 中央の目を濃い青色で塗りつぶします 投稿者: charts4j.com
	リサージュ曲線（折れ線グラフ） オシロスコープでリサージュ曲線を目にした方も多いでしょう。 これはブルート フォース手法で曲線のすべてのポイントを 1 点ずつプロットする lxy 折れ線グラフです。800 個のポイントの x 座標と y 座標が拡張エンコード形式で記述されます。 投稿者: charts4j.com
縦棒グラフ このグラフは、休息日がポゼッションに与えた影響を NBA の統計情報に基づいて把握したものです。休息日にチームがプレーした場合、NBA リーグの平均がどう変化するかがわかります。 投稿者: NBAStuffer.com