25:["$","title",null,{"children":"Shonen Manga in Japan: Historical Circulation Ranking | tsurezure lab. こちら徒然研究室（仮称） | Observable"}] 49:Tc68,chart_1 = { const plot = Plot.plot({ title: "少年マンガ歴代発行部数ランキング", width: 900, height: 930, //1030 marginTop: 50, marginBottom: 40, style: { background: "rgb(250, 245, 240)", fontSize: "17px", fontFamily: "Noto Sans JP ExtraBold, sans-serif", // Noto Sans JP Bold を指定 fontWeight: "bold ", color: "deepgray", title: { // 指定した CSS プロパティを適用 font: { fontSize: "36px", color: "red", dy: "-20px" } } }, x: { axis: "top", tickSize: 0, tickPadding: 25, domain: [0.5, 2.5], ticks: [1, 2], tickFormat: (d) => (d === 1 ? "累計発行部数" : "1巻当たり累計発行部数"), label: null, grid: true }, y: { label: null, ticks: false, reverse: true }, font: { family: "Noto Sans JP, sans-serif" }, marks: [ Plot.lineY(_naritai_job_17_23_ml, { // filter: (d) => d.Ranking < 15, x: "Ranking_type", y: "Ranking", z: "マンガ名", stroke: customColors(), strokeWidth: 10, opacity: 0.5, curve: "bump-x" }), Plot.dot(_naritai_job_17_23_ml, { x: "Ranking_type", y: "Ranking", fill: (d) => customColors()[_naritai_job_17_23_ml.indexOf(d)], size: 60, opacity: 0.8, stroke: (d) => customColors()[_naritai_job_17_23_ml.indexOf(d)], strokeWidth: 1, shape: "circle", fillOpacity: 0.8, strokeOpacity: 1.0, sizeMin: 60, sizeMax: 60, fillRule: "evenodd", shapeRendering: "auto", title: (d) => `${d.マンガ名}:\n累計発行部数 ${Number(d.発行部数_int)}\n全${ d.集計巻 }巻\n1冊当たり発行部数 ${d.一冊当たり発行部数}`, // ツールチップに職業名と割合を表示 tip: true }), Plot.text(_naritai_job_17_23_ml, { filter: (d) => d.Ranking_type === 1, text: (d) => d.マンガ名 + " " + d.Ranking, textAnchor: "end", fontSize: 16, y: "Ranking", x: 0.98, fill: (d) => customColors()[_naritai_job_17_23_ml.indexOf(d)], fontFamily: "Noto Sans JP ExtraBold, sans-serif", // Noto Sans JP Bold を指定 fontWeight: "bold " }), Plot.text(_naritai_job_17_23_ml, { filter: (d) => d.Ranking_type === 2, text: (d) => d.Ranking + " " + d.マンガ名, textAnchor: "start", fontSize: 16, y: "Ranking", x: 2.02, fill: (d) => customColors()[_naritai_job_17_23_ml.indexOf(d)], fontFamily: "Noto Sans JP ExtraBold, sans-serif", // Noto Sans JP Bold を指定 fontWeight: "bold" }) ] }); const paths = d3.select(plot).selectAll("path"); paths .on("pointerenter", function () { paths.attr("opacity", 0.1); d3.select(this).attr("opacity", 1); }) .on("pointerleave", function () { paths.attr("opacity", 0.5); }); return plot; }4a:[{"id":"17b9eebd258ef23bcf7a6e1b0974aea2d53ef8ed5dca4c730fd5c034bedeab14260acbe1e57a8ad22b0e805b510a039b63380eb7714dd1fe931a69dab494d65c","href":"https://static.observableusercontent.com/files/17b9eebd258ef23bcf7a6e1b0974aea2d53ef8ed5dca4c730fd5c034bedeab14260acbe1e57a8ad22b0e805b510a039b63380eb7714dd1fe931a69dab494d65c","name":"230903_マンガ累計発行部数_ランキング_最終版.csv","type":"text/csv","lastModified":1693808543077.111,"size":13117}] 29:{"id":"199005aca595fed2","slug":null,"title":"Shonen Manga in Japan: Historical Circulation Ranking","thumbnail":"8eadda09a90f0f1596731d2c6c71e83ec5d93736308a0183f0bccd23e4bbb94f","access_level":"public","create_time":"$D2023-09-03T07:42:02.538Z","update_time":"$D2023-09-04T09:20:57.532Z","view_time":null,"first_public_time":"$D2023-09-03T07:42:02.538Z","has_unpublished_edits":null,"fork":{"id":"518be987a7509bbc","slug":"ranking-of-occupations-japanese-high-school-students-woul","title":"Ranking of occupations Japanese high school students would like to become","owner":{"id":"59dc038720f2d6ef","login":"tsurezure-lab-ws","name":"tsurezure lab. こちら徒然研究室（仮称）"}},"stars":0,"starred":false,"owner":{"type":"team","id":"59dc038720f2d6ef","login":"tsurezure-lab-ws","name":"tsurezure lab. こちら徒然研究室（仮称）","avatar_url":"https://avatars-next.observableusercontent.com/acea9591cc9d41429f95084ddae72aba731500f6a2cc2ef2c90104e712930467","tier":"starter_2024","bio":"Data x Ethnography x Visualization / Python\nデータとプログラミングと可視化で文化・社会・人間の不思議を研究しています。","followed_by_you":false,"follows_you":false},"version":865,"publish_version":null,"role":null,"authored":false,"authors":[{"type":"individual","id":"5dc444280c822d70","login":"tsurezure-lab","name":"tsurezure lab. ","avatar_url":"https://avatars-next.observableusercontent.com/acea9591cc9d41429f95084ddae72aba731500f6a2cc2ef2c90104e712930467","tier":null,"bio":"Data x Ethnography x Visualization / Python\nデータとプログラミングと可視化で文化・社会・人間の不思議を研究しています。","followed_by_you":false,"follows_you":false}],"members":[{"type":"individual","id":"5dc444280c822d70","login":"tsurezure-lab","name":"tsurezure lab. ","avatar_url":"https://avatars-next.observableusercontent.com/acea9591cc9d41429f95084ddae72aba731500f6a2cc2ef2c90104e712930467","tier":null,"role":"editor"},{"type":"team","id":"59dc038720f2d6ef","login":"tsurezure-lab-ws","name":"tsurezure lab. こちら徒然研究室（仮称）","avatar_url":"https://avatars-next.observableusercontent.com/acea9591cc9d41429f95084ddae72aba731500f6a2cc2ef2c90104e712930467","tier":"starter_2024","role":"editor"}],"comments":[],"custom_thumbnail":false,"trashed":false,"lapsed":null,"subscribed":null,"forks":1,"collection":null,"type":"notebook","body":{"titling":"auto","title":"Shonen Manga in Japan: Historical Circulation Ranking","cells":[{"id":0,"value":"# Shonen Manga in Japan: Historical Circulation Ranking\n## 少年マンガ歴代発行部数ランキングを可視化してみる","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":206,"value":"\n\n\n \n\n\n \n

\n 少年マンガ歴代発行部数ランキング\n

\n \n\n","pinned":false,"hidden":false,"mode":"html","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":145,"value":"$49","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":837,"value":"titleElement = d3.select(\"plot-d6a7b5\").select(\"plot-d6a7b5-figure\") // .titleは仮にタイトルがこのクラスを持っていると仮定","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":839,"value":"titleElement\n .style(\"font-size\", \"36px\")\n .style(\"color\", \"red\")\n .attr(\"dy\", \"-20px\")","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":551,"value":"　　ソニー生命調べ「中高生が思い描く将来についての意識調査」データより徒然研究室（仮称）作成。調査は隔年。同率同位が生じている場合は元データの表示順に順位付けを行った。","pinned":false,"hidden":false,"mode":"html","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":679,"value":"　　ソニー生命調べ「中高生が思い描く将来についての意識調査」データより徒然研究室（仮称）作成。調査は隔年。同率同位が生じている場合は元データの表示順に順位付けを行った。","pinned":false,"hidden":false,"mode":"html","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":537,"value":"_naritai_job_17_23_ml = await FileAttachment(\"230903_マンガ累計発行部数_ランキング_最終版.csv\").csv({typed: \"auto\"})","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"_naritai_job_17_23_ml","database":"$undefined"},{"id":141,"value":"function customColors() {\n const uniqueOccupations = Array.from(\n new Set(_naritai_job_17_23_ml.map((d) => d.マンガ名))\n );\n const colorMapping = {};\n\n const randomizedColors = [\n \"#bcbd22\",\n \"#1f77b4\",\n \"#9467bd\",\n \"#2ca02c\",\n \"#aec7e8\",\n \"#c7c7c7\",\n \"#9edae5\",\n \"#ff7f0e\",\n \"#e377c2\",\n \"#ffbb78\",\n \"#f7b6d2\",\n \"#c49c94\",\n \"#8c564b\",\n \"#dbdb8d\",\n \"#98df8a\",\n \"#7f7f7f\",\n \"#d62728\",\n \"#17becf\",\n \"#ff9896\",\n \"#b3d7ff\",\n \"#1f77b4\",\n \"#ff7f0e\",\n \"#ffbb78\",\n \"#aec7e8\"\n ];\n\n uniqueOccupations.forEach((マンガ名, index) => {\n colorMapping[マンガ名] = randomizedColors[index % randomizedColors.length];\n });\n\n return _naritai_job_17_23_ml.map((d) => colorMapping[d.マンガ名]);\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":170,"value":"// Noto Sans JP Blackフォントをロードする関数\nasync function loadFont() {\n return new Promise((resolve) => {\n const font = new FontFace('Noto Sans JP Black', 'url(https://cdn.plot.ly/plotly-texture/fonts/v1.3/noto-sans-jp-v13-latin-700.woff)');\n font.load().then(() => {\n document.fonts.add(font);\n resolve();\n });\n });\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"}],"files":"$W4a","stdlib":"1"}} 24:null