2c:null 2d:["$","title",null,{"children":"Case Study(Pressure) | llqsee | Observable"}] 32:T592,{ const svg = d3.select(DOM.svg(size.width, size.height)); svg .append("g") .attr("transform", `translate(0, ${size.height - margin.bottom})`) .call(xAxis); svg.append("g").attr("transform", `translate(${margin.left}, 0)`).call(yAxis); // .text("wef"); svg .append("g") // .attr("stroke", "#000") .attr("stroke-opacity", 0.2) .selectAll("circle") .data(test.dataNewAttribute) .enter() .append("circle") .attr("cx", (d) => xScale(d.Temperature)) .attr("cy", (d) => yScale(d.Cp)) .attr("fill", (d) => d.color) .text((d) => d["Fuzzy Categories"]) .attr("r", 5); svg .append("text") .attr( "x", xScale(Math.max(...test.dataNewAttribute.map((d) => d.Temperature))) ) .attr("y", yScale(Math.min(...test.dataNewAttribute.map((d) => d.Cp))) - 20) .attr("font-family", "sans-serif") .attr("class", "membershipLine") .attr("font-size", "15px") .text("Temperature(C)") .attr("text-anchor", "end"); svg .append("text") .attr( "x", xScale(Math.min(...test.dataNewAttribute.map((d) => d.Temperature))) ) .attr("y", yScale(Math.max(...test.dataNewAttribute.map((d) => d.Cp)))) .attr("dx", 3) .attr("font-family", "sans-serif") .attr("class", "membershipLine") .attr("font-size", "15px") .text("Cp (kJ/kg-K)") .attr("text-anchor", "start"); return svg.node(); }33:[] 30:{"id":"14e7212a667f270b","slug":null,"title":"Case Study(Pressure)","thumbnail":"7e14bdade5f504c7037a8d2b39857c0157e1c70608c97e98a875b46c225a787c","access_level":"public","create_time":"$D2020-10-27T15:33:17.649Z","update_time":"$D2023-02-28T11:36:14.954Z","view_time":null,"first_public_time":"$D2023-02-27T12:58:49.212Z","has_unpublished_edits":null,"fork":{"id":"0ac503cbab3d6b67","slug":null,"title":"Case Study(ACC)","owner":{"id":"004cabc8a5a6b394","login":"llqsee","name":"llqsee"}},"stars":0,"starred":false,"owner":{"type":"team","id":"004cabc8a5a6b394","login":"llqsee","name":"llqsee","avatar_url":"https://avatars-next.observableusercontent.com/31c1cb8a3659f43910549af5b89b4879c5102b3849494f2ad3584022aad08470","tier":"starter_2024"},"version":2200,"publish_version":null,"role":null,"authored":false,"authors":[{"type":"individual","id":"7b55264c1a318605","login":"llqsee","name":"llqsee","avatar_url":"https://avatars-next.observableusercontent.com/31c1cb8a3659f43910549af5b89b4879c5102b3849494f2ad3584022aad08470","tier":null}],"members":[{"type":"individual","id":"7b55264c1a318605","login":"llqsee","name":"llqsee","avatar_url":"https://avatars-next.observableusercontent.com/31c1cb8a3659f43910549af5b89b4879c5102b3849494f2ad3584022aad08470","tier":null,"role":"editor"}],"comments":[],"custom_thumbnail":false,"trashed":false,"lapsed":null,"subscribed":null,"forks":1,"collection":null,"type":"notebook","body":{"title":"Case Study(Pressure)","cells":[{"id":0,"value":"md`# Case Study(Pressure)\n\n${\n \"\" /*The code is in the notebook: https://observablehq.com/@liqunliu1990/fuzzylegend?collection=@liqunliu1990/fuzzylegend/2*/\n}\n`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1075,"value":"md`## Step 0 - Upload your own dataset\n\nPlease upload your own dataset by clicking \"_Choose file_\".\nThe format of datasets should be txt and using \",\" as seperator. \n\n`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1746,"value":"viewof file = html``","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1820,"value":"md`## Step 1 - Select the attribute that you want to categorize\n\nPlease select the attribute in the following selector, and then create the categories that you want.\n`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1144,"value":"viewof test = fuzzyCut(dataPressure, \"Cp\")","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1966,"value":"$32","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1872,"value":"table(\n test.dataCategory.overlapData.map((d, index) => {\n d.edgeMin = (+d.edgeMin).toFixed(2);\n d.edgeMax = (+d.edgeMax).toFixed(2);\n var e = {};\n e.Min = d.edgeMin;\n e.Max = d.edgeMax;\n e.Id = index;\n e.Name = d.name;\n return e;\n })\n)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":2185,"value":"table(\n test.dataNewAttribute.map(d => {\n var e = {};\n e[\"No.\"] = d[\"No.\"];\n e.Temperature = d.Temperature;\n e.Pressure = d.Pressure;\n e.Density = d.Density;\n e.Cp = d.Cp;\n e[\"Categories\"] = d[\"Fuzzy Categories\"];\n e[\"Membership Degree\"] = d[\"Membership Degree\"];\n e.Color = d.color;\n return e;\n })\n)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":2167,"value":"table(data)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":2180,"value":"data = {\n var data = [];\n var dataRaw = test.dataNewAttribute.map(d => {\n var e = {};\n e[\"No.\"] = d[\"No.\"];\n e.Temperature = d.Temperature;\n e.Pressure = d.Pressure;\n e.Density = d.Density;\n e.Cp = d.Cp;\n e[\"Categories\"] = d[\"Fuzzy Categories\"];\n e[\"Membership Degree\"] = d[\"Membership Degree\"];\n e.Color = d.color;\n return e;\n });\n for (var i = 0; i < 30; i++) {\n data.push(dataRaw[getRandomInt(250)]);\n }\n return data;\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":2171,"value":"function getRandomInt(max) {\n return Math.floor(Math.random() * Math.floor(max));\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1924,"value":"xScale = d3\n .scaleLinear()\n .domain([\n Math.min(...test.dataNewAttribute.map(d => d.Temperature)),\n Math.max(...test.dataNewAttribute.map(d => d.Temperature))\n ])\n .range([margin.left, size.width - margin.right])","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1934,"value":"xAxis = d3.axisBottom(xScale)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1933,"value":"dataLength = 500","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1930,"value":"size = ({ width: Math.max(window.innerWidth * 0.8, width * 0.8), height: 250 })","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1927,"value":"margin = ({top: 12, right: 10, bottom: 26, left: 26})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1928,"value":"yScale = d3\n .scaleLinear()\n .domain([\n Math.min(...test.dataNewAttribute.map(d => d.Cp)),\n Math.max(...test.dataNewAttribute.map(d => d.Cp))\n ])\n .range([size.height - margin.bottom, margin.top])","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1936,"value":"yAxis = d3.axisLeft(yScale)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1638,"value":"md`\n
\n`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1402,"value":"viewof objectName = form(html``)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1693,"value":"{\n const button = html`

${Object.assign(\n html`