株価の10日推移 — 終値は8.5%上昇

{ "id": "candlestick-chart-daily-price-range", "schemaVersion": 2, "title": { "ja": "株価の10日推移 — 終値は8.5%上昇", "en": "Ten-Day Stock Price — Closing Price Rises 8.5%" }, "summary": { "ja": "ローソク足で各日の始値・終値・高値・安値を同時に示す。終値の方向だけでなく日中の値幅と反転を読む", "en": "Candlesticks encode each day's open, close, high, and low, revealing intraday range and reversals as well as close direction." }, "capturedAt": "2026-09-25", "categories": [ "presentation" ], "tags": [ "data-viz", "minimal" ], "useCases": [ "comparison", "status" ], "format": "slide-16x9", "density": "medium", "layout": { "kind": "axis", "canvas": { "w": 1920, "h": 1080 }, "margin": { "top": 100, "right": 140, "bottom": 100, "left": 140 } }, "type": { "title": { "size": 46, "weight": 700, "tracking": "0.01em" }, "subtitle": { "size": 22, "weight": 500 }, "axisTitle": { "size": 22, "weight": 700 }, "tick": { "size": 20, "weight": 500 }, "legend": { "size": 20, "weight": 500 }, "takeaway": { "size": 28, "weight": 500 }, "note": { "size": 20, "weight": 400 } }, "colors": { "ground": "#FFFFFF", "surface": "#F4F6F9", "ink": "#131820", "muted": "#667183", "accent": "#1F5FA8", "rule": "#DBE1E9", "series": [] }, "rules": [ { "ja": "1本のローソクは1時点の始値・終値・高値・安値を一組として示す", "en": "Each candle represents one period's open, close, high, and low as a single unit." }, { "ja": "実体の上下端が始値と終値、ひげの上下端が当日の高値と安値", "en": "The body bounds are open and close; the wick ends are the period high and low." }, { "ja": "色は終値と始値の上下関係を示す。色の慣例は市場・地域に合わせて凡例で明示する", "en": "Color indicates whether close is above or below open; state the convention because it varies by market." }, { "ja": "架空の10営業日データ。価格履歴のみから将来の値動きを断定しない", "en": "Fictional data for ten trading days; do not infer future performance from this price history." } ], "cover": "https://design-vault.pages.dev/_astro/cover.B4G1qxr_.png", "assets": [], "shortlist": false, "status": "published", "relations": { "similar": [] }, "license": "Original", "publishedAt": null, "reproduction": { "spec": { "format": "slide-16x9", "density": "medium", "layout": { "kind": "axis", "canvas": { "w": 1920, "h": 1080 }, "margin": { "top": 100, "right": 140, "bottom": 100, "left": 140 } }, "type": { "title": { "size": 46, "weight": 700, "tracking": "0.01em" }, "subtitle": { "size": 22, "weight": 500 }, "axisTitle": { "size": 22, "weight": 700 }, "tick": { "size": 20, "weight": 500 }, "legend": { "size": 20, "weight": 500 }, "takeaway": { "size": 28, "weight": 500 }, "note": { "size": 20, "weight": 400 } }, "colors": { "ground": "#FFFFFF", "surface": "#F4F6F9", "ink": "#131820", "muted": "#667183", "accent": "#1F5FA8", "rule": "#DBE1E9" }, "rules": [ "Each candle represents one period's open, close, high, and low as a single unit.", "The body bounds are open and close; the wick ends are the period high and low.", "Color indicates whether close is above or below open; state the convention because it varies by market.", "Fictional data for ten trading days; do not infer future performance from this price history." ] }, "prompt": { "ja": "以下の仕様でスライドを 1 枚作ってください。\n\n- 版面 1920 × 1080\n- 余白上 100 右 140 下 100 左 140\n\n## 文字（版面 1920px に対する px）\ntitle 46px / 700 / 字間 0.01em\nsubtitle 22px / 500\naxisTitle 22px / 700\ntick 20px / 500\nlegend 20px / 500\ntakeaway 28px / 500\nnote 20px / 400\n\n## 配色\n地 #FFFFFF / 面 #F4F6F9 / 文字 #131820 / 補助 #667183 / 強調 #1F5FA8 / 罫 #DBE1E9\n\n## 外すと崩れる点\n- 1本のローソクは1時点の始値・終値・高値・安値を一組として示す\n- 実体の上下端が始値と終値、ひげの上下端が当日の高値と安値\n- 色は終値と始値の上下関係を示す。色の慣例は市場・地域に合わせて凡例で明示する\n- 架空の10営業日データ。価格履歴のみから将来の値動きを断定しない\n\n内容は［ここに自分の内容を書く］に置き換えてください。寸法と配色はそのまま守ってください。\n正確に再現する場合は、この HTML をそのまま使ってください: https://design-vault.pages.dev/designs/candlestick-chart-daily-price-range/pattern.html", "en": "Produce one slide to the following specification.\n\n- Canvas 1920 × 1080\n- Margin top 100 right 140 bottom 100 left 140\n\n## Type (px against a 1920px canvas)\ntitle 46px / 700 / tracking 0.01em\nsubtitle 22px / 500\naxisTitle 22px / 700\ntick 20px / 500\nlegend 20px / 500\ntakeaway 28px / 500\nnote 20px / 400\n\n## Colour\nGround #FFFFFF / Surface #F4F6F9 / Ink #131820 / Muted #667183 / Accent #1F5FA8 / Rule #DBE1E9\n\n## Constraints — dropping these breaks it\n- Each candle represents one period's open, close, high, and low as a single unit.\n- The body bounds are open and close; the wick ends are the period high and low.\n- Color indicates whether close is above or below open; state the convention because it varies by market.\n- Fictional data for ten trading days; do not infer future performance from this price history.\n\nReplace the content with [your content]. Keep the measurements and colours as given.\nFor an exact reproduction, use the verbatim HTML at https://design-vault.pages.dev/designs/candlestick-chart-daily-price-range/pattern.html." }, "code": { "html": "\n\n株価の10日推移 — 終値は8.5%上昇\n\n\n\n

\n

\n", "url": "https://design-vault.pages.dev/designs/candlestick-chart-daily-price-range/pattern.html", "fonts": [ "https://design-vault.pages.dev/designs/candlestick-chart-daily-price-range/font.css", "https://design-vault.pages.dev/designs/candlestick-chart-daily-price-range/font-0.woff2", "https://design-vault.pages.dev/designs/candlestick-chart-daily-price-range/font-1.woff2", "https://design-vault.pages.dev/designs/candlestick-chart-daily-price-range/font-2.woff2" ] } }, "urls": { "ja": "https://design-vault.pages.dev/designs/candlestick-chart-daily-price-range", "en": "https://design-vault.pages.dev/en/designs/candlestick-chart-daily-price-range" }, "notesMarkdown": "### 視覚的な問い\n\n10営業日の間、終値はどちらへ動き、各日の値幅はどれほどだったか。\n\n### 構造\n\n横軸は営業日、縦軸は価格。各ローソクの実体は始値と終値の間、上下のひげは日中高値と安値を結ぶ。\n終値が始値より高い日は青、低い日は橙で示す。架空データの終値は2,000円から2,170円へ上昇し、\n値幅や反転を含む日ごとの動きを一度に読める。\n\n終値を線で結ぶ時系列グラフは主に終値の推移を示すが、ローソク足は各期間内の始値・高値・安値も符号化する。\nしたがって一日の上下動、終値の方向、値幅を区別して確認できる。色の上下慣例は市場ごとに異なるため凡例を付ける。" }