2e:null 2f:["$","title",null,{"children":"알아두면 쓸데없는 호기심 해결 in 주식시장: KRX 일간 시총그룹별 상위수익률 종목 청각화 | Humble Data Miner | Observable"}] 34:T8d1,bar_chart = { const height = 300; const margin = {left:40,top:10,bottom:40,right:40}; const x = d3.scaleBand().domain(d3.range(bands.length)).range([margin.left, width-margin.right]).paddingOuter(0.2).paddingInner(0.2); const y = d3.scaleLinear().domain([0,1]).range([height-margin.bottom,margin.top]); const svg = d3.create("svg").attr("viewBox", [0, 0, width, height]); svg.append("g").attr("transform",`translate(0,${height-margin.bottom})`).call(d3.axisBottom(x).tickFormat(i=>bands[i])); svg.append("g").attr("transform",`translate(${margin.left},0)`).call(d3.axisLeft(y).tickFormat(d=>`+${(30*d).toFixed(0)}%`)); svg.append("g").attr("transform",`translate(${width-margin.right},0)`).call(d3.axisRight(y).tickFormat(d=>`+${(30*d).toFixed(0)}%`)); svg.append("text").attr("dominant-baseline","auto").attr("text-anchor","start").attr("font-size",18).attr("font-weight","bold") .attr("style","text-shadow: 1px 1px 2px grey").attr("fill",d3.interpolateViridis(0)).attr("x",margin.left).attr("y",height-5).text("최고시총"); svg.append("text").attr("dominant-baseline","auto").attr("text-anchor","end").attr("font-size",18).attr("font-weight","bold") .attr("style","text-shadow: 1px 1px 2px black").attr("fill",d3.interpolateViridis(1.0)).attr("x",width-margin.right).attr("y",height-5).text("최저시총") const title = svg.append("text").attr("dominant-baseline","hanging").attr("text-anchor","middle").attr("font-size",24).attr("font-weight","bold") .attr("x",(width-margin.right-margin.left)/2+margin.left).attr("y",margin.top).text(""); const gbars = svg.append("g").attr("stroke", "none"); const bars = bands.map((d,i)=>gbars.append("rect") .attr("x",x(i)).attr("y",y(0)).attr("width",x.bandwidth()).attr("height",0).attr("fill",d3.interpolateViridis(i/bands.length))); return Object.assign(svg.node(), { update_bar(si) { const valid = (0<=si && si < series.length); const seq = valid ? series[si] : Array.from({length:notegen.length},_=>0.0); bars.forEach((g,i)=>{g.attr("y",y(seq[i])).attr("height",y(0)-y(seq[i]));}); title.text(valid?`${dates[si].toISOString().split("T")[0]} / ${vols[si].length}종목 / 시총그룹별 상위${topk}개 평균`:""); } }); }35:Tea3,notetable = { const noteFreq = []; for (let i=0; i< 8; i++) { noteFreq[i] = []; } noteFreq[0]["A"] = 27.500000000000000; noteFreq[0]["A#"] = 29.135235094880619; noteFreq[0]["B"] = 30.867706328507756; noteFreq[1]["C"] = 32.703195662574829; noteFreq[1]["C#"] = 34.647828872109012; noteFreq[1]["D"] = 36.708095989675945; noteFreq[1]["D#"] = 38.890872965260113; noteFreq[1]["E"] = 41.203444614108741; noteFreq[1]["F"] = 43.653528929125485; noteFreq[1]["F#"] = 46.249302838954299; noteFreq[1]["G"] = 48.999429497718661; noteFreq[1]["G#"] = 51.913087197493142; noteFreq[1]["A"] = 55.000000000000000; noteFreq[1]["A#"] = 58.270470189761239; noteFreq[1]["B"] = 61.735412657015513; noteFreq[2]["C"] = 65.406391325149658; noteFreq[2]["C#"] = 69.295657744218024; noteFreq[2]["D"] = 73.41619197935189; noteFreq[2]["D#"] = 77.781745930520227; noteFreq[2]["E"] = 82.406889228217482; noteFreq[2]["F"] = 87.307057858250971; noteFreq[2]["F#"] = 92.498605677908599; noteFreq[2]["G"] = 97.998858995437323; noteFreq[2]["G#"] = 103.826174394986284; noteFreq[2]["A"] = 110.0; noteFreq[2]["A#"] = 116.540940379522479; noteFreq[2]["B"] = 123.470825314031027; noteFreq[3]["C"] = 130.812782650299317; noteFreq[3]["C#"] = 138.591315488436048; noteFreq[3]["D"] = 146.83238395870378; noteFreq[3]["D#"] = 155.563491861040455; noteFreq[3]["E"] = 164.813778456434964; noteFreq[3]["F"] = 174.614115716501942; noteFreq[3]["F#"] = 184.997211355817199; noteFreq[3]["G"] = 195.997717990874647; noteFreq[3]["G#"] = 207.652348789972569; noteFreq[3]["A"] = 220.0; noteFreq[3]["A#"] = 233.081880759044958; noteFreq[3]["B"] = 246.941650628062055; noteFreq[4]["C"] = 261.625565300598634; noteFreq[4]["C#"] = 277.182630976872096; noteFreq[4]["D"] = 293.66476791740756; noteFreq[4]["D#"] = 311.12698372208091; noteFreq[4]["E"] = 329.627556912869929; noteFreq[4]["F"] = 349.228231433003884; noteFreq[4]["F#"] = 369.994422711634398; noteFreq[4]["G"] = 391.995435981749294; noteFreq[4]["G#"] = 415.304697579945138; noteFreq[4]["A"] = 440.0; noteFreq[4]["A#"] = 466.163761518089916; noteFreq[4]["B"] = 493.883301256124111; noteFreq[5]["C"] = 523.251130601197269; noteFreq[5]["C#"] = 554.365261953744192; noteFreq[5]["D"] = 587.32953583481512; noteFreq[5]["D#"] = 622.253967444161821; noteFreq[5]["E"] = 659.255113825739859; noteFreq[5]["F"] = 698.456462866007768; noteFreq[5]["F#"] = 739.988845423268797; noteFreq[5]["G"] = 783.990871963498588; noteFreq[5]["G#"] = 830.609395159890277; noteFreq[5]["A"] = 880.0; noteFreq[5]["A#"] = 932.327523036179832; noteFreq[5]["B"] = 987.766602512248223; noteFreq[6]["C"] = 1046.502261202394538; noteFreq[6]["C#"] = 1108.730523907488384; noteFreq[6]["D"] = 1174.659071669630241; noteFreq[6]["D#"] = 1244.507934888323642; noteFreq[6]["E"] = 1318.510227651479718; noteFreq[6]["F"] = 1396.912925732015537; noteFreq[6]["F#"] = 1479.977690846537595; noteFreq[6]["G"] = 1567.981743926997176; noteFreq[6]["G#"] = 1661.218790319780554; noteFreq[6]["A"] = 1760.0; noteFreq[6]["A#"] = 1864.655046072359665; noteFreq[6]["B"] = 1975.533205024496447; noteFreq[7]["C"] = 2093.004522404789077; noteFreq[7]["C#"] = 2217.461047814976769; noteFreq[7]["D"] = 2349.318143339260482; noteFreq[7]["D#"] = 2489.015869776647285; noteFreq[7]["E"] = 2637.020455302959437; noteFreq[7]["F"] = 2793.825851464031075; noteFreq[7]["F#"] = 2959.955381693075191; noteFreq[7]["G"] = 3135.963487853994352; noteFreq[7]["G#"] = 3322.437580639561108; noteFreq[7]["A"] = 3520.000000000000000; noteFreq[7]["A#"] = 3729.310092144719331; noteFreq[7]["B"] = 3951.066410048992894; return noteFreq; }36:[{"id":"0edfa83afe2ad2814e17a3f4b3efbcd2c8c5e97834fd0e4d965c4bb38bbd79529b6e30097e5409985c17ef2413443f02c9e4f3f1325a6f954677c86f1699adb0","href":"https://static.observableusercontent.com/files/0edfa83afe2ad2814e17a3f4b3efbcd2c8c5e97834fd0e4d965c4bb38bbd79529b6e30097e5409985c17ef2413443f02c9e4f3f1325a6f954677c86f1699adb0","name":"audio_rets.zip","type":"application/zip","lastModified":1688456498547.815,"size":6249061}] 32:{"id":"2fee6154ee544f61","slug":"daily-price-change-audioization-of-krx-stock-groups-by-market-capital","title":"알아두면 쓸데없는 호기심 해결 in 주식시장: KRX 일간 시총그룹별 상위수익률 종목 청각화","thumbnail":"ee707e6bf805974e1e0b1e5c72f6ef3d0a3b4e538ed9ecddcbd8e2d79fae9dc3","access_level":"public","create_time":"$D2023-07-03T11:24:35.864Z","update_time":"$D2023-07-04T10:42:07.611Z","view_time":null,"first_public_time":"$D2023-07-03T11:24:35.864Z","has_unpublished_edits":null,"fork":false,"stars":0,"starred":false,"owner":{"type":"team","id":"50faa4da52a9ff9b","login":"humble-data-miner","name":"Humble Data Miner","avatar_url":"https://avatars-next.observableusercontent.com/3046b1bea86c5e825baea7c0c403d90ad9690b5396b11b5d02b3a0839fbcb946","tier":"starter_2024"},"version":444,"publish_version":null,"role":null,"authored":false,"authors":[{"type":"individual","id":"4e2fc41e06361cc3","login":"humble-data-miner","name":"Humble Data Miner","avatar_url":"https://avatars-next.observableusercontent.com/3046b1bea86c5e825baea7c0c403d90ad9690b5396b11b5d02b3a0839fbcb946","tier":null}],"members":[{"type":"individual","id":"4e2fc41e06361cc3","login":"humble-data-miner","name":"Humble Data Miner","avatar_url":"https://avatars-next.observableusercontent.com/3046b1bea86c5e825baea7c0c403d90ad9690b5396b11b5d02b3a0839fbcb946","tier":null,"role":"editor"}],"comments":[],"custom_thumbnail":true,"trashed":false,"lapsed":null,"subscribed":null,"forks":0,"collection":null,"type":"notebook","body":{"title":"알아두면 쓸데없는 호기심 해결 in 주식시장: KRX 일간 시총그룹별 상위수익률 종목 청각화","cells":[{"id":0,"value":"# 알아두면 쓸데없는 호기심 해결 in 주식시장: KRX 일간 시총그룹별 상위수익률 종목 청각화","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":283,"value":"viewof master_volume = Inputs.range([0, 100], {step: 5, value:35, label:\"전체볼륨\"});","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":230,"value":"viewof series_index = Scrubber(d3.range(-2,series.length+2), {loop:false, autoplay:false, delay: 100, format: i=> 0<=i && i{\n const nbins = notegen.length;\n const nitems = d.length;\n return d3.range(0,nbins).map(b=> {\n const vals = d.slice(Math.floor(b*nitems/nbins), Math.floor((b+1)*nitems/nbins)); \n return d3.mean(vals.sort().slice(-topk));\n });\n });\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":262,"value":"zipfile = FileAttachment(\"audio_rets.zip\").zip()","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":265,"value":"adates = zipfile.file('audio_dates.csv').csv({array:true,typed:true})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":269,"value":"dates = adates[0]","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":273,"value":"vols = zipfile.file('audio_norm_rets.csv').csv({array:true,typed:true})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":305,"value":"bands = notefreq.map(d=>`${d[0]}(${d[2]})`)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":5,"value":"audioCtx = new AudioContext();","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":118,"value":"notefreq = d3.range(octaves[0],octaves[1]+1).reduce((acc,i)=> {\n const nt = notetable[i];\n const entries = Object.entries(nt).map(d=>{ d.push(i); return d; });\n return acc.concat(entries); \n},[]).filter(d=>half_note? true:!d[0].includes(\"#\"))","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":113,"value":"$35","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":126,"value":"notegen = {\n return notefreq.map(d=> {\n const item = {\n note: d[0],\n freq: d[1],\n osc: new OscillatorNode(audioCtx, {type:\"sine\", frequency: d[1]}),\n amp: new GainNode(audioCtx, {value:1.0}),\n };\n item.osc.connect(item.amp);\n return item;\n });\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":242,"value":"{ \n update_notes(series_index);\n bar_chart.update_bar(series_index);\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":238,"value":"function update_notes(si){\n if(si < -1)\n return;\n const notes = 0<=si && si0.0);\n notegen.forEach((d,i)=>{\n if(!d.started) {\n d.osc.start();\n d.amp.connect(audioCtx.destination);\n d.started = true;\n }\n const vol = notes[i];\n d.amp.gain.value = vol*master_volume/200;\n });\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":201,"value":"import {interval} from '@mootari/range-slider'","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":226,"value":"import {Scrubber} from \"@mbostock/scrubber\"","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":335,"value":"html`\n`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"}],"files":"$W36","stdlib":"1","titling":"auto"}} 33:"$32:body"