Desmos | Graphing CalculatorLoading...
アニメーションã¤ã円グラフを簡å˜å®Ÿè£…ï¼Circliful
「Circlifulã€ã¯ã€ã®å††ã‚°ãƒ©ãƒ•ã‚’アニメーションã¤ãã§è¡¨ç¤ºã§ãã‚‹ jQuery プラグインã§ã™ã€‚カスタムデータ属性ã«å€¤ã‚’渡ã™ã ã‘ã§ã‚°ãƒ©ãƒ•ã‚’ç°¡å˜ã«æç”»ã§ãã€è±Šå¯Œãªã‚ªãƒ—ションã§ãƒ‡ã‚¶ã‚¤ãƒ³ã‚’カスタマイズã§ãã¾ã™ã€‚ランディングページã§è£½å“ã®ã‚·ã‚§ã‚¢ã‚’訴ãˆã‚‹éš›ãªã©ã«ã„ã„ã§ã—ょã†ã€‚ ライセンスã¯MITã§ã™ã€‚ライセンスã«å¾“ã£ã¦è‘—作権表示ã¯å‰Šé™¤ã›ãšã«åˆ©ç”¨ã—ã¾ã—ょã†ã€‚ step1 jQueryプラグインã®èªã¿è¾¼ã¿ jQuery本体をjQueryã®å…¬å¼ã‚µã‚¤ãƒˆã‹ã‚‰ã€Circlifulã‚’GitHubã‹ã‚‰ãƒ€ã‚¦ãƒ³ãƒãƒ¼ãƒ‰ã—ã¾ã™ã€‚ページå³ä¸‹ã®ã€ŒDownload ZIPã€ãƒœã‚¿ãƒ³ã‹ã‚‰ãƒ€ã‚¦ãƒ³ãƒãƒ¼ãƒ‰ã§ãã¾ã™ã€‚ 利用ã™ã‚‹Webページ㮠body ã®é–‰ã˜ã‚¿ã‚°ç›´å‰ã§ã€jQuery本体ã¨ã€ŒCircliful ã®minifyファイルã€ã€ã€Œjquery.circliful.min.jsã€ã‚’èªã¿è¾¼ã¿ã¾ã™ã€‚ //(ä¸ç•¥) <script src
櫻田潤 | インフォグラフィック・エディター
ビジュアルã®åŠ›ã§ä¸–界を丸ãã™ã‚‹ã€‚ 地çƒã®å½¢çŠ¶ãŒã€Œä¸¸ã„ã€ã®ã¯ã€ãã“ã§æš®ã‚‰ã™åƒ•ãŸã¡ã«ã²ã¨ã¤ã®ã€Œãƒ“ジョンã€ã‚’指ã—示ã—ã¦ã„ã¾ã™ã€‚地çƒã®å½¢ã¨åŒã˜ã‚ˆã†ã«ã€ä¸–ç•Œã§èµ·ã“ã£ã¦ã„ã‚‹ã“ã¨ã®ã™ã¹ã¦ãŒä¸¸ãåŽã¾ã£ã¦ã„ã‚Œã°è‰¯ã„ã®ã§ã™ãŒã€ç¾å®Ÿã¯é•ã„ã¾ã™ã€‚ 大å°ã„ã‚ã„ã‚ãªè¦æ¨¡ã®æ‘©æ“¦ãŒã„ãŸã‚‹ã¨ã“ã‚ã«ç™ºç”Ÿã—ã€ç¹°ã‚Šè¿”ã•ã‚Œã¾ã™ã€‚ãã®è§£æ±ºã«å¿…è¦ãªã®ã¯ã€ãŠäº’ã„ã®ã€Œè€ƒãˆã€ã‚„「価値観ã€ã€Œç«‹å ´ã€ã€ã€ŒçŠ¶æ³ã€ã€ŒçŠ¶æ…‹ã€ã‚’示ã—ã€èªã‚åˆã†ã“ã¨ã§ã™ã€‚ãã®ãŸã‚ã«ã€ã€Œãƒ“ジュアルã€ã®åŠ›ã‚’活用ã—ã¦ã„ãã¾ã™ã€‚
指定ã—ãŸå ´æ‰€ã®åœ°ç›¤æƒ…å ±ãªã©ã‹ã‚‰åœ°éœ‡å±é™ºåº¦ã‚’æ•™ãˆã¦ãれる「地震ãƒã‚¶ãƒ¼ãƒ‰ã‚«ãƒ«ãƒ†ã€
日本ã¯ç’°å¤ªå¹³æ´‹ç«å±±å¸¯ã¨å‘¼ã°ã‚Œã‚‹åœ°éœ‡å¤šç™ºåœ°åŸŸã«å±žã—ã¦ãŠã‚Šã€åœ°éœ‡ãŒå¤šç™ºã™ã‚‹å›½ã§ã€2013å¹´ã«å…¥ã£ã¦ã‹ã‚‰éœ‡åº¦5以上ã®åœ°éœ‡ãŒ9度起ãã¦ã„ãŸã‚Šã€è¿‘畿地方ã§ã¯æœ€å¤§éœ‡åº¦6å¼±ã®åœ°éœ‡ãŒç™ºç”Ÿã—ã¦ã„ãŸã‚Šã—ã¾ã™ã€‚ãã‚“ãªåœ°éœ‡ã®å¤šã„日本ã«ä½ã‚“ã§ã„ã‚‹ã‹ã‚‰ã“ã使ã£ã¦ãŠããŸã„ã®ãŒã€æŒ‡å®šã—ãŸå ´æ‰€ã®åœ°éœ‡å±é™ºåº¦ã‚’æ•™ãˆã¦ãれる「地震ãƒã‚¶ãƒ¼ãƒ‰ã‚«ãƒ«ãƒ†ã€ã§ã™ã€‚ 地震ãƒã‚¶ãƒ¼ãƒ‰ã‚«ãƒ«ãƒ† http://www.j-shis.bosai.go.jp/labs/karte/ ã¾ãšã¯åœ°éœ‡ãƒã‚¶ãƒ¼ãƒ‰ã‚«ãƒ«ãƒ†ã§èª¿ã¹ãŸã„å ´æ‰€ã®ä½æ‰€ã‚’入力ã—ã¾ã™ã€‚今回ã¯å¤§é˜ªåºœå¤§é˜ªå¸‚ã®åœ°éœ‡å±é™ºåº¦ã‚’調ã¹ã¦ã¿ã‚‹ã€ã¨ã„ã†ã“ã¨ã§ä½æ‰€ã‚’入力ã—ãŸã‚‰ã€Œè¨ºæ–ã™ã‚‹ã€ã‚’クリック。 ã™ã‚‹ã¨è¡¨ç¤ºã•ã‚Œã‚‹ã“ã‚ŒãŒã€æŒ‡å®šã®å ´æ‰€ã®åœ°éœ‡å±é™ºåº¦æƒ…å ±ã‚’è©³ç´°ã«è¨˜ã—ãŸåœ°éœ‡ãƒã‚¶ãƒ¼ãƒ‰ã‚«ãƒ«ãƒ†ã§ã™ã€‚ カルテ上部ã«ã¯åœ°éœ‡ãƒã‚¶ãƒ¼ãƒ‰æƒ…å ±ã‚’è¨ºæ–ã—ãŸåœŸåœ°ã®æƒ…å ±ãŒè¡¨ç¤ºã•ã‚Œã¦ã„ã¾ã™ã€ãªãŠèª¿æŸ»ã•ã‚Œã‚‹ã®ã¯æŒ‡å®šã—ãŸãƒã‚¤ãƒ³ãƒˆã®ç´„250メートル四方。 左上
ãŸã®ã—ã„インフォグラフィックス入門
カテゴリー カレンダー (1) タイムライン (5) ダイアモンド (1) ãƒãƒ¼ãƒˆã‚·ãƒ¼ãƒˆ (1) トーナメント (2) ピクトグラム(44) フãƒãƒ¼ (4) ベン図 (4) マップ (3) ムービー (1) メトãƒãƒžãƒƒãƒ— (3) メニュー (2) ランã‚ング (6) ルーツ (1) ä½ç½® (2) 円グラフ (3) åˆ†é‡ (1) å‰²åˆ (2) 早見表 (5) 案内 (1) 棒グラフ (7) 比較 (2) 相関図 (1) ç³»èœ (2) 色分㑠(7) 蜂ã®å·£ (1) 表 (1) 説明 (17) 階層 (1) Facebookページ
他人ã®ã‚µã‚¤ãƒˆã®ã‚¢ã‚¯ã‚»ã‚¹è§£æžãŒå‹æ‰‹ã«ã§ãã‚‹SimilarWebãŒå‡„ã™ãŽã‚‹ï¼ç§˜å¯†æƒ…å ±ãŒå…¨éƒ¨è¦‹ãˆã¦ã‚‹ãžï¼ | é¢ç™½ãƒ‹ãƒ¥ãƒ¼ã‚¹ï¼netgeek
ã‚ã®æœ‰åサイトã¯ã©ã‚Œã ã‘ã®PVãŒã‚ã‚‹ã®ã ã‚ã†ã‹â€¦æ¤œç´¢ã‹ã‚‰ã®æµå…¥ã¯ã©ã‚Œã»ã©ãªã®ã ã‚ã†â€¦ã¨æ°—ã«ãªã£ãŸçµŒé¨“ã¯ãªã„ã ã‚ã†ã‹ã€‚ã“ã‚Œã¾ã§ã‚µã‚¤ãƒˆç®¡ç†è€…ã§ãªã„ã¨çŸ¥ã‚Šå¾—ãªã‹ã£ãŸæƒ…å ±ã‚’ä¸¸åˆ†ã‹ã‚Šã«ã™ã‚‹ã“ã¨ãŒã§ãã‚‹SimilarWeb（シミラーウェブ）ã¨ã„ã†ã‚µãƒ¼ãƒ“スãŒæ³¨ç›®ã‚’集ã‚ã¦ã„る。 SimilarWeb http://www.similarweb.com/ サイト管ç†äººãŒæ™®æ®µGoogleアナリティクスãªã©ã‹ã‚‰å¾—ã¦ã„ã‚‹æƒ…å ±ãŒã€ä»–人ã‹ã‚‰ã§ã‚‚得られるよã†ã«ãªã£ãŸã‚‰ã‹ãªã‚Šä¾¿åˆ©ã 。データを基ã«ã€è‡ªåˆ†ã®ã‚µã‚¤ãƒˆã¨ç›®æ¨™ã«ã—ã¦ã„るサイトを比較ã—ã¦ã€ä½•ãŒè¶³ã‚Šãªã„ã®ã‹èª¿ã¹ã‚‹ã“ã¨ãŒã§ãる。 ãã“ã§netgeek編集部ã§ã¯SimilarWebを実際ã«ä½¿ã£ã¦ã¿ã¦ã€ä½¿ã„å‹æ‰‹ã¨æ£ç¢ºæ€§ã‚’検証ã™ã‚‹ã“ã¨ã«ã—ãŸã€‚ SimilarWebã®ä½¿ã„æ–¹ 使ã„æ–¹ã¯å®Ÿã«ç°¡å˜ã§URLを入力ã™ã‚‹ã ã‘。ã±ã£ã¨è¦‹ã€è‹±èªžã®ã‚µã‚¤ãƒˆã§é›£ã—ãã†ã ã‘ã©ã€æ“作ã¯èª°ã§ã‚‚ã§ãã‚‹ã®ã§èºŠèº‡
Javasciptã ã‘ã§å®Ÿç¾ã™ã‚‹ã‚„ãŸã‚‰é«˜æ©Ÿèƒ½ãªã‚°ãƒ©ãƒ•ä½œæˆãƒ„ール『EJSChart〠| 100SHIKI
グラフ作æˆãƒ„ールãŒäººæ°—ã§ã™ã‚ˆã。ã¹ã¤ã‚„ãメソッドも地ä½ã‚’確立ã—ã¤ã¤ã‚ã‚Šã¾ã™ã€‚ ã•ã¦ãã†ã—ãŸæµã‚Œã‚’å—ã‘ã¦ã”紹介ã—ãŸã„ã®ãŒEJSChart。Javascriptã ã‘ã§å®Ÿç¾ã§ãるグラフ作æˆãƒ„ールã§ã™ã€‚ 残念ãªã“ã¨ã«ã¾ã 公開å‰ãªã®ã§å…¨å®¹ã¯ä¸æ˜Žã§ã™ãŒã€ã‚„ãŸã‚‰é«˜æ©Ÿèƒ½ã‚‰ã—ã„ã§ã™ã€‚ ズームやスクãƒãƒ¼ãƒ«ãŒå¯èƒ½ã§ã‚ã‚‹ã°ã‹ã‚Šã‹ã€ãƒžã‚¦ã‚¹ã‚¤ãƒ™ãƒ³ãƒˆã‚’拾ã£ãŸã‚Šã€ãƒ’ントã®è¡¨ç¤ºãªã©ã‚‚サãƒãƒ¼ãƒˆã—ã¦ã„る模様。ãã£ã¨ã‚¤ãƒ³ã‚¿ãƒ©ã‚¯ãƒ†ã‚£ãƒ–ãªè¡¨ç¾ãŒå¯èƒ½ã«ãªã‚Šãã†ã§ã™ã。 ã¾ãŸã€ã‚°ãƒ©ãƒ•ã®ç¨®é¡žã‚‚豊富ã€ã‹ã¤ã€XMLã«ã‚ˆã‚‹ãƒ‡ãƒ¼ã‚¿é€£æºã‚‚ã§ãるよã†ã§ã™ã€‚ サイトã‹ã‚‰æŽ¨æ¸¬ã™ã‚‹ã«æœ‰æ–™ã‹ã¨æ€ã‚ã‚Œã¾ã™ãŒã€æ—©ã試ã—ã¦ã¿ãŸã„ã¨ã“ã‚ã§ã™ã。
ブラウザ上ã§ãã‚Œã„ãªã‚°ãƒ©ãƒ•ãŒã•ãã£ã¨ä½œã‚Œã‚‹ã€ŽChartGo〠| 100SHIKI
ã•ãã£ã¨ã‚°ãƒ©ãƒ•ã®ç”»åƒã ã‘ãŒæ¬²ã—ã„ã€ã¨ã„ã†ã¨ãもよãã‚る。 ãã†ã—ãŸã¨ãã®ãŸã‚ã ã‘ã«Excelã‚’ç«‹ã¡ä¸Šã’ã‚‹ã®ã‚‚é¢å€’ã€ã¨ã„ã†äººã«ãŠã™ã™ã‚ãªã®ãŒChartGoã§ã‚る。 ã“れを使ãˆã°ã€ãƒ–ラウザ上ã§ã‚°ãƒ©ãƒ•ã®ç¨®é¡žã€ãƒ‡ãƒ¼ã‚¿ã‚’入力ã™ã‚‹ã¨ã•ãã£ã¨ã‚°ãƒ©ãƒ•ç”»åƒã‚’生æˆã—ã¦ãれる。 特ã«ç›®æ–°ã—ã„機能ãŒã‚ã‚‹ã‚ã‘ã§ã¯ãªã„ãŒã€åŸºæœ¬çš„ãªæ©Ÿèƒ½ã¯æƒã£ã¦ã„ã‚‹ã®ã§ä½¿ã„å‹æ‰‹ã¯è‰¯ã„ã ã‚ã†ã€‚ 覚ãˆã¦ãŠã„ã¦ã‚‚良ã„ã§ã™ãªã€‚
ウェブ上ã§ã‚°ãƒ©ãƒ•ã‚’作æˆã—ã¦ãƒ–ãƒã‚°ã«è²¼ã‚Šä»˜ã‘られる『ChartGizmo〠| 100SHIKI.COM
ブãƒã‚°ã‚„サイトã«ã‚°ãƒ©ãƒ•ã‚’貼り付ã‘ãŸã„ã¨ãã«ä¾¿åˆ©ãªãƒ„ールã®ã”紹介。 ChartGizmoã§ã¯ãƒ–ラウザ上ã§ã•ãã•ãグラフを作æˆã—ã€ãƒ–ãƒã‚°è²¼ã‚Šä»˜ã‘用ã®ã‚³ãƒ¼ãƒ‰ã‚’å–å¾—ã™ã‚‹ã“ã¨ãŒã§ãる。 グラフを作æˆã—ã¦ãれるシンプルãªAPIã¯ã„ãã¤ã‹æä¾›ã•ã‚Œã¦ã„ã‚‹ãŒã€ã‚°ãƒ©ãƒ•ã¯è¦‹ãŸç›®ãŒé‡è¦ãªã ã‘ã«ã˜ã£ãã‚Šã„ã‚ã„ã‚è¨å®šã—ãŸã„ã‚‚ã®ã§ã‚る。 ãã†è€ƒãˆã‚‹ã¨ã€Œãƒ–ラウザã§ä½œæˆã€è²¼ã‚Šä»˜ã‘用コードを生æˆã€ã¨ã„ã†æµã‚Œã¯æ£ã—ã„ã®ã§ã¯ãªã„ã ã‚ã†ã‹ã€‚ データã®ã‚¤ãƒ³ãƒãƒ¼ãƒˆãªã©ã‚‚å¯èƒ½ãªã®ã§ã‚°ãƒ©ãƒ•ã‚’多用ã—ãŸã„人ã«ã¯ãŠã™ã™ã‚ã®ã‚µãƒ¼ãƒ“スã§ã‚る。
Wonder Graph Generator
Wonder Graph Generator Value Label Value Label Value Label Value Label Value Label ãªã‚“らã‹ã®ãƒã‚¤ã‚¢ã‚¹ 時空ã®ã‚†ãŒã¿
便利éŽãŽãƒ“ビã£ãŸï¼è¤‡æ•°ã®é‡‘èžè³‡ç”£ã‚’全自動ã§ã¾ã¨ã‚る凄ã„無料サイト - My Linux Diary
銀行å£åº§ã‚„証券å£åº§ã€ã‚¯ãƒ¬ã‚¸ãƒƒãƒˆã‚«ãƒ¼ãƒ‰ãªã©è¤‡æ•°æŒã£ã¦ã„る方も多ã„ã¯ãšã€‚ã©ã“ã®å£åº§ã«ã„ãらä½ã‚ã‚‹ã‹ã‚„今月ã©ã‚“ãªã‚‚ã®ã«ã„ãらカードã§ä½¿ã£ãŸã‹ã‚’å…¨ã¦æŠŠæ¡ã§ãã¦ã„ãªã„方も多ã„ã®ã§ã¯ãªã„ã§ã—ょã†ã‹ã€‚ ãã‚“ãªæ–¹ã«ãŠã™ã™ã‚ãªã®ãŒã€Œãƒžãƒãƒ¼ãƒ•ã‚©ãƒ¯ãƒ¼ãƒ‰ã€ã¨ã„ã†ã‚¤ãƒ³ã‚¿ãƒ¼ãƒãƒƒãƒˆã‚µãƒ¼ãƒ“スã§ã™ã€‚ 金èžæ©Ÿé–¢ã‚’登録ã—ã¦ãŠãã ã‘ã§ã€è³‡ç”£ã®æŽ¨ç§»ã‚’管ç†ã—ã¦ãã‚ŒãŸã‚Šæ¯Žæœˆã®æ”¯å‡ºã‚’何ã«ã„ãらä½ä½¿ã£ãŸã‹è‡ªå‹•ã§åˆ†é¡žã—ã¦ãã‚ŒãŸã‚Šé¢å€’ãã•ãŒã‚Šå±‹ã®æ–¹ã«ãœã²ã¨ã‚‚ãŠã™ã™ã‚ã—ãŸã„サービスã§ã™ã€‚ã—ã‹ã‚‚登録料・手数料ã¯ä¸€åˆ‡ã‹ã‹ã‚‰ãšç„¡æ–™ãªã®ã§ã¾ãšã¯è©¦ã—ã«ç™»éŒ²ã—ã¦ã¿ã‚‹ã¨ã„ã„ã§ã—ょã†ã€‚ 便利機能ãã®ï¼‘　自動ã§é‡‘èžè³‡ç”£èªã¿è¾¼ã¿ 登録ã—ãŸå£åº§ã®é‡‘èžè³‡ç”£ã‚’自動ã§åˆ†é¡žã—ã€èªã¿è¾¼ã‚“ã§ãã‚Œã¾ã™ã€‚証券å£åº§ã ã£ãŸã‚‰æ ªå¼ã‚„投資信託ã®éŠ˜æŸ„ã”ã¨ã«ã„ãら金èžè³‡ç”£ã‚’ã‚‚ã£ã¦ã„ã¦è©•ä¾¡æ益ãŒã„ãらã‹ã‚’自動ã§èªã¿è¾¼ã¿ã¾ã™ã€‚ 公共料金支払ã„å£åº§ã‚’分ã‘ã¦ã„ã‚‹å ´åˆãªã©ã«å£åº§æ®‹é«˜ãŒãã‚ãã‚ç„¡ããªã£
YouTubeã®ã‚ˆã†ãªã‚°ãƒ©ãƒ•å…±æœ‰ã‚µã‚¤ãƒˆã€ŒVizoo〠| ライフãƒãƒƒã‚«ãƒ¼ãƒ»ã‚¸ãƒ£ãƒ‘ン
今回ã”紹介ã™ã‚‹ã€Œvizooã€ã¯å°‚門的ã§é›£è§£ã¨æ€ã‚ã‚ŒãŒã¡ãªçµŒæ¸ˆçµ±è¨ˆã‚„ä¼æ¥æ±ºç®—ãªã©ã®ãƒ‡ãƒ¼ã‚¿ã‚’ã€èª°ã§ã‚‚ç°¡å˜ã«å¯è¦–化・分æžã§ãã‚‹ã¾ã£ãŸãæ–°ã—ã„グラフ作æˆãƒ»å…±æœ‰ã‚µã‚¤ãƒˆã§ã™ã€‚ 従æ¥ã€Webã«å…¬é–‹ã•ã‚Œã¦ã„る経済データを調ã¹ãŸã‚Šè³‡æ–™ä½œæˆã™ã‚‹ã«ã¯ã€ãれらを手作æ¥ã§åŽé›†ãƒ»åŠ å·¥ã™ã‚‹å¿…è¦ãŒã‚ã‚Šã¾ã—ãŸã€‚ã§ã‚‚ã€ã€Œvizooã€ã¯ãƒ‡ãƒ¼ã‚¿ãƒ™ãƒ¼ã‚¹ã«æƒ…å ±ãŒã‚らã‹ã˜ã‚登録ã—ã¦ã‚ã£ã¦ã€æ¤œç´¢ãƒãƒ¼ã§æ¤œç´¢ã™ã‚‹ã ã‘ã§è‡ªå‹•çš„ã«æƒ…å ±ãŒå¾—ã‚‹ã“ã¨ãŒã§ãã‚‹ã‚“ã§ã™ã€‚ 例ãˆã°ã€ä»•äº‹ã§å¸‚å ´ã®è³‡æ–™ä½œæˆãªã©ãŒå¿…è¦ã«ãªã£ãŸæ™‚ã€æ¯Žæ—¥æ–°èžã‚’熟èªã—ãŸã‚Šã€ãƒãƒƒãƒˆã®ä¸Šå ´ä¼æ¥ã®ãƒ‡ãƒ¼ã‚¿ã‚’åŽé›†ã—ãŸã‚Šã€çµæ§‹ã¿ãªã•ã‚“地é“ãªä½œæ¥ã‚’ã™ã‚‹å¿…è¦ãŒã‚ã‚‹ã¨æ€ã„ã¾ã™ã€‚ã§ã‚‚明日ã¾ã§ã«è³‡æ–™ã‚’作らãªãã¡ã‚ƒã„ã‘ãªã„人やã™ãã«å¸‚å ´ã‚’æŠŠæ¡ã—ãŸã„ãªã‚“ã¦æ™‚ã«ã¯ã€çµŒæ¸ˆçµ±è¨ˆã€ä¼æ¥ãƒ‡ãƒ¼ã‚¿ã®åŽé›†ã®éžåŠ¹çŽ‡ã•ã€é›£è§£ã•ã£ã¦ã€å¤§ããªéšœå®³ã§ã™ã‚ˆã。 「vizooã€ã¯ç°¡å˜ã§ã™ã€‚Yahoo!ファイナンス以上ã®è±Šå¯Œãªãƒ‡ãƒ¼ã‚¿ã‹ã‚‰ã€æ¤œç´¢
サービス終了ã®ãŠçŸ¥ã‚‰ã› - NAVER ã¾ã¨ã‚
サービス終了ã®ãŠçŸ¥ã‚‰ã› NAVERã¾ã¨ã‚ã¯2020å¹´9月30日をもã¡ã¾ã—ã¦ã‚µãƒ¼ãƒ“ス終了ã„ãŸã—ã¾ã—ãŸã€‚ ç´„11å¹´é–“ã€NAVERã¾ã¨ã‚ã‚’ã”利用・ã”愛顧ã„ãŸã ãèª ã«ã‚ã‚ŠãŒã¨ã†ã”ã–ã„ã¾ã—ãŸã€‚
æ±äº¬é›»åŠ›ã€ã‚µãƒ¼ãƒ“スエリア内ã®é›»åŠ›ä½¿ç”¨çŠ¶æ³ã‚’グラフã§å…¬é–‹ - ã¯ã¦ãªãƒ‹ãƒ¥ãƒ¼ã‚¹
æ±äº¬é›»åŠ›ã¯3月22日（ç«ï¼‰ã€ã‚µãƒ¼ãƒ“スエリア内ã®é›»åŠ›ä½¿ç”¨çŠ¶æ³ãŒã‚°ãƒ©ãƒ•ã§æŠŠæ¡ã§ãるコンテンツ「電力ã®ä½¿ç”¨çŠ¶æ³ã‚°ãƒ©ãƒ•ã€ã‚’自社サイトã«è¨ç½®ã—ã¾ã—ãŸã€‚当日ã®1時間ã”ã¨ã®é›»åŠ›ä½¿ç”¨å®Ÿç¸¾ã‚„ピーク時ã®ä¾›çµ¦åŠ›ã®æ•°å€¤ã‚’表示ã—ã¾ã™ã€‚ â–½ ã§ã‚“ãäºˆå ±ï½œæ±äº¬é›»åŠ›ãƒ‘ãƒ¯ãƒ¼ã‚°ãƒªãƒƒãƒ‰æ ªå¼ä¼šç¤¾ï½œæ±äº¬é›»åŠ›ãƒ›ãƒ¼ãƒ«ãƒ‡ã‚£ãƒ³ã‚°ã‚¹æ ªå¼ä¼šç¤¾ 「電力ã®ä½¿ç”¨çŠ¶æ³ã‚°ãƒ©ãƒ•ã€ã§ã¯ã€å½“æ—¥ã®1時間ã”ã¨ã®é›»åŠ›ä½¿ç”¨å®Ÿç¸¾ã€å‰æ—¥ã®å®Ÿç¸¾ãªã©ãŒã‚°ãƒ©ãƒ•ã§è¡¨ç¤ºã•ã‚Œã¾ã™ã€‚当日ã®å®Ÿç¸¾ã‚’示ã™æ£’グラフã¯ã€è¨ˆç”»åœé›»ï¼ˆè¼ªç•ªåœé›»ï¼‰ã‚’実施ã—ã¦ã„ãªã„時間ã¨å®Ÿæ–½ã—ã¦ã„る時間ãŒè‰²åˆ†ã‘ã•ã‚Œã¦ã„ã¾ã™ã€‚時間ã”ã¨ã®å®Ÿç¸¾ãŒã‚°ãƒ©ãƒ•ã«åæ˜ ã•ã‚Œã‚‹ã«ã¯15分ã‹ã‚‰30分ã»ã©æ™‚é–“ãŒã‹ã‹ã‚‹ã¨ã®ã“ã¨ã§ã™ã€‚グラフã®ä¸‹éƒ¨ã«ã¯ã€å½“æ—¥ã®ãƒ”ーク時ã®é›»åŠ›ä¾›çµ¦åŠ›ã®æ•°å€¤ã‚‚記載ã•ã‚Œã¦ã„ã¾ã™ã€‚ æ±äº¬é›»åŠ›ã¯ã€è¨ˆç”»åœé›»ã®å¯¾è±¡ã¨ãªã‚‹åˆ©ç”¨è€…ã«ã¯åœé›»äºˆå®šæ™‚刻ã«å‚™ãˆã‚‹ã‚ˆã†å‘¼ã³ã‹ã‘ã‚‹ã¨ã¨ã‚‚ã«ã€ä»–ã®åœ°åŸŸã®åˆ©ç”¨è€…ã«ã‚‚節電ã¸ã®å”力を求ã‚ã¦ã„ã¾ã™ã€‚Yahoo
ã¯ã¦ãªã‚°ãƒ©ãƒ•
å¹³ç´ ã‚ˆã‚Šã€Œã¯ã¦ãªã‚°ãƒ©ãƒ•ã€ã‚’ã”利用ã„ãŸã ãã€ã‚ã‚ŠãŒã¨ã†ã”ã–ã„ã¾ã™ã€‚ 2005年よりæä¾›ã—ã¦ãŠã‚Šã¾ã—ãŸã€Œã¯ã¦ãªã‚°ãƒ©ãƒ•ã€ã¯ã€2019å¹´8月7日をもã¡ã¾ã—ã¦ã€ã‚µãƒ¼ãƒ“スã®æ供を終了ã„ãŸã—ã¾ã—ãŸã€‚ ã“ã‚Œã¾ã§ã”利用ã„ãŸã ãã¾ã—ãŸãƒ¦ãƒ¼ã‚¶ãƒ¼ã®çš†ã•ã¾ã«æ·±ãæ„Ÿè¬ã„ãŸã—ã¾ã™ã€‚ èª ã«ã‚ã‚ŠãŒã¨ã†ã”ã–ã„ã¾ã—ãŸã€‚ æ ªå¼ä¼šç¤¾ã¯ã¦ãª
多彩ãªè¡¨ç¾ã‚’ã”覧ã‚れ。JavaScriptã«ã‚ˆã‚‹ãƒ‡ãƒ¼ã‚¿ãƒ“ジュアル化ライブラリ·JavaScript InfoVis Toolkit（JIT） MOONGIFT
JITã¯JavaScriptを使ã£ãŸãƒ‡ãƒ¼ã‚¿ãƒ“ジュアル化ライブラリã§ã™ã€‚ JavaScriptを使ã£ã¦Web上ã§ãƒ‡ãƒ¼ã‚¿ã‚’多彩ã«ãƒ“ジュアル化ã™ã‚‹ãƒ©ã‚¤ãƒ–ラリãŒJavaScript InfoVis Toolkit（JIT）ã§ã™ã€‚ãã®å¤šå½©ãªè¡¨ç¾ã‚’ã”覧ãã ã•ã„。 ç©ã¿ä¸Šã’ã®ã‚¨ãƒªã‚¢ã‚°ãƒ©ãƒ•ã§ã™ã€‚表示ã®éš›ã«ã¯ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ãŒå®Ÿè¡Œã•ã‚Œã¾ã™ã€‚ 実際ã®ã‚³ãƒ¼ãƒ‰ã§ã™ã€‚ 棒ã®ç©ã¿ä¸Šã’グラフã§ã™ã€‚ 横å‘ãã€2Dã®ã‚°ãƒ©ãƒ•ã§ã™ã€‚ 関連グラフã§ã™ã€‚マウスã§å‹•ã‹ã›ã¾ã™ã€‚ マウスオーãƒãƒ¼ã§èª¬æ˜ŽãŒè¡¨ç¤ºã•ã‚Œã¾ã™ã€‚ ã“ã‚“ãªã‚°ãƒ©ãƒ•ã‚‚ã‚ã‚Šã¾ã™ã€‚ æ˜Ÿå½¢ã€‚æ ¼å¥½ã„ã„ã§ã™ã€‚ カスタマイズã«ã‚‚多様ã«å¯¾å¿œã—ã¦ã„ã¾ã™ã€‚ 容é‡ã®è¡¨ç¤ºãªã©ã«ã‚ˆã利用ã•ã‚Œã‚‹ãƒ„リーマップã§ã™ã€‚ ã“ã¡ã‚‰ã‚‚パターンãŒè‰²ã€…用æ„ã•ã‚Œã¦ã„ã¾ã™ã€‚ グラフを組ã¿åˆã‚ã›ãŸãƒ‘ターンã§ã™ã€‚ ã“ã‚“ãªè¡¨ç¾ã‚‚å¯èƒ½ã§ã™ã€‚ 派生ã—ã¦ã„ãアニメーションãŒæ ¼å¥½ã„ã„ã§ã™ã€‚ 円グラフã§ã™ã€‚アニメーションやマウスæ“作ã«
IE6ã‹ã‚‰ä½¿ãˆã‚‹SVG/VMLを使ã£ãŸé«˜æ©Ÿèƒ½JavaScriptグラフライブラリ·Highcharts MOONGIFT
Highchartsã¯SVG/VMLを使ã£ã¦æç”»ã™ã‚‹JavaScript製ã®ã‚°ãƒ©ãƒ•ãƒ©ã‚¤ãƒ–ラリã§ã™ã€‚ Webサービスã«ãŠã„ã¦ã‚°ãƒ©ãƒ•ã‚’使ã†ã¨ãƒ‡ãƒ¼ã‚¿ã®ã‚¤ãƒ³ãƒ‘クトãŒé•ã„ã¾ã™ã€‚ã ã‹ã‚‰ã“ã使ã„å‹æ‰‹ã®è‰¯ã„グラフライブラリをç©æ¥µçš„ã«ä½¿ã£ã¦ã„ãã¹ãã§ã™ã€‚Highchartsã¯SVGを基本ã¨ã—ã¦å¤šæ§˜ãªWebブラウザã«å¯¾å¿œã—ãŸã‚°ãƒ©ãƒ•ãƒ©ã‚¤ãƒ–ラリã«ãªã‚Šã¾ã™ã€‚ 折れ線グラフã§ã™ã€‚ Ajaxã«ã‚ˆã‚‹ãƒ‡ãƒ¼ã‚¿ãƒãƒ¼ãƒ‰å¯¾å¿œã§ã™ã€‚ グラデーションをã‹ã‘ã‚‹ã“ã¨ã‚‚ã§ãã¾ã™ã€‚ 滑らã‹ãªæ›²ç·šã§ã™ã€‚ アイコンを貼付ã‘る例ã§ã™ã€‚ プãƒãƒƒãƒˆã®ã¿ã§ã€‚åŠé€æ˜Žãªãƒ‰ãƒƒãƒˆã‚’使ã£ã¦ã„ã¾ã™ã€‚ エリアグラフã§ã™ã€‚ マイナスã®å€¤ã«ã‚‚対応ã—ã¦ã„ã¾ã™ã€‚ ç©ã¿ä¸Šã’グラフã§ã™ã€‚ 棒グラフã§ã™ã€‚ å·¦å³æ¯”較型ã®æ£’グラフã§ã™ã€‚ 複数ã®ãƒ‡ãƒ¼ã‚¿ã‚’並ã¹ã‚‰ã‚Œã¾ã™ã€‚ 棒グラフもマイナス値を出ã›ã¾ã™ã€‚ ã“ã‚“ãªæ„Ÿã˜ã®æ£’グラフも。 ã•ã‚‰ã«ãƒ‰ãƒªãƒ«ãƒ€ã‚¦ãƒ³å¯¾å¿œã§ã™ã€‚ HTMLã®ãƒ†ãƒ¼ãƒ–ルã‹ã‚‰ãƒ‡ãƒ¼ã‚¿ã‚’
1
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
http://plus.appgiga.jp/masatolan/2016/02/22/56827/
ブãƒã‚°ãªã©ã«åŸ‹ã‚è¾¼ã¿ã§ãるグラフ作æˆãƒ„ール「Google Image Chart Editor〠| ライフãƒãƒƒã‚«ãƒ¼ãƒ»ã‚¸ãƒ£ãƒ‘ン
vizoo - 経済データã®ã‚°ãƒ©ãƒ•ä½œæˆãƒ»å…±æœ‰ã‚µã‚¤ãƒˆ ビズー
{{#tags}}- {{label}}
{{/tags}}