[{"data":1,"prerenderedAt":2523},["ShallowReactive",2],{"docs:\u002Freference\u002Fshapes":3},{"id":4,"title":5,"body":6,"description":2514,"extension":2515,"meta":2516,"navigation":2518,"path":2519,"seo":2520,"stem":2521,"__hash__":2522},"docs\u002Freference\u002Fshapes.md","Shapes",{"type":7,"value":8,"toc":2490},"minimark",[9,13,26,31,58,62,69,192,211,215,221,330,353,356,480,488,637,642,736,794,798,923,930,1007,1011,1056,1059,1090,1093,1220,1227,1316,1320,1381,1388,1427,1430,1519,1526,1619,1623,1686,1719,1723,1762,1770,1842,1846,1879,1882,1928,1932,1965,1973,2091,2095,2125,2127,2131,2486],[10,11,5],"h1",{"id":12},"shapes",[14,15,16,17,25],"p",{},"Shape classes wrap common SVG geometry elements. They all inherit\n",[18,19,21],"a",{"href":20},"\u002Freference\u002Fsvg-element",[22,23,24],"code",{},"SvgElement",", so they support dynamic attributes,\nstyle helpers, tree operations, search, copying, and serialization.",[27,28,30],"h2",{"id":29},"import","Import",[32,33,38],"pre",{"className":34,"code":35,"language":36,"meta":37,"style":37},"language-python shiki shiki-themes material-theme-lighter github-light-high-contrast github-dark","import pydreamplet as dp\n","python","",[22,39,40],{"__ignoreMap":37},[41,42,45,48,52,55],"span",{"class":43,"line":44},"line",1,[41,46,29],{"class":47},"sED7I",[41,49,51],{"class":50},"soTeR"," pydreamplet ",[41,53,54],{"class":47},"as",[41,56,57],{"class":50}," dp\n",[27,59,61],{"id":60},"point-values","Point Values",[14,63,64,65,68],{},"Position arguments accept either separate numeric coordinates or a point-like\nvalue where the API documents ",[22,66,67],{},"pos",".",[32,70,72],{"className":34,"code":71,"language":36,"meta":37,"style":37},"from pydreamplet import Vector\n\ndp.Circle(pos=(80, 60), r=30)\ndp.Rect(pos=Vector(20, 30), width=120, height=80)\n",[22,73,74,86,93,142],{"__ignoreMap":37},[41,75,76,79,81,83],{"class":43,"line":44},[41,77,78],{"class":47},"from",[41,80,51],{"class":50},[41,82,29],{"class":47},[41,84,85],{"class":50}," Vector\n",[41,87,89],{"class":43,"line":88},2,[41,90,92],{"emptyLinePlaceholder":91},true,"\n",[41,94,96,99,102,106,109,112,116,118,122,125,128,131,134,136,139],{"class":43,"line":95},3,[41,97,98],{"class":50},"dp",[41,100,68],{"class":101},"sVsmf",[41,103,105],{"class":104},"sAK04","Circle",[41,107,108],{"class":101},"(",[41,110,67],{"class":111},"sYEV4",[41,113,115],{"class":114},"sWKEy","=",[41,117,108],{"class":101},[41,119,121],{"class":120},"sNpir","80",[41,123,124],{"class":101},",",[41,126,127],{"class":120}," 60",[41,129,130],{"class":101},"),",[41,132,133],{"class":111}," r",[41,135,115],{"class":114},[41,137,138],{"class":120},"30",[41,140,141],{"class":101},")\n",[41,143,145,147,149,152,154,156,158,161,163,166,168,171,173,176,178,181,183,186,188,190],{"class":43,"line":144},4,[41,146,98],{"class":50},[41,148,68],{"class":101},[41,150,151],{"class":104},"Rect",[41,153,108],{"class":101},[41,155,67],{"class":111},[41,157,115],{"class":114},[41,159,160],{"class":104},"Vector",[41,162,108],{"class":101},[41,164,165],{"class":120},"20",[41,167,124],{"class":101},[41,169,170],{"class":120}," 30",[41,172,130],{"class":101},[41,174,175],{"class":111}," width",[41,177,115],{"class":114},[41,179,180],{"class":120},"120",[41,182,124],{"class":101},[41,184,185],{"class":111}," height",[41,187,115],{"class":114},[41,189,121],{"class":120},[41,191,141],{"class":101},[14,193,194,196,197,200,201,204,205,200,208,68],{},[22,195,67],{}," must contain exactly two numbers. For circles and ellipses it maps to\n",[22,198,199],{},"cx"," and ",[22,202,203],{},"cy","; for rectangles and text it maps to ",[22,206,207],{},"x",[22,209,210],{},"y",[27,212,214],{"id":213},"bounding-boxes","Bounding Boxes",[14,216,217,218,68],{},"All shape classes on this page expose ",[22,219,220],{},"bbox",[32,222,224],{"className":34,"code":223,"language":36,"meta":37,"style":37},"box = dp.Rect(x=20, y=30, width=120, height=80).bbox\n\nprint(box.left, box.top, box.right, box.bottom)\n",[22,225,226,280,284],{"__ignoreMap":37},[41,227,228,231,233,236,238,240,242,244,246,248,250,253,255,257,259,261,263,265,267,269,271,273,276],{"class":43,"line":44},[41,229,230],{"class":50},"box ",[41,232,115],{"class":114},[41,234,235],{"class":50}," dp",[41,237,68],{"class":101},[41,239,151],{"class":104},[41,241,108],{"class":101},[41,243,207],{"class":111},[41,245,115],{"class":114},[41,247,165],{"class":120},[41,249,124],{"class":101},[41,251,252],{"class":111}," y",[41,254,115],{"class":114},[41,256,138],{"class":120},[41,258,124],{"class":101},[41,260,175],{"class":111},[41,262,115],{"class":114},[41,264,180],{"class":120},[41,266,124],{"class":101},[41,268,185],{"class":111},[41,270,115],{"class":114},[41,272,121],{"class":120},[41,274,275],{"class":101},").",[41,277,279],{"class":278},"sm80-","bbox\n",[41,281,282],{"class":43,"line":88},[41,283,92],{"emptyLinePlaceholder":91},[41,285,286,290,292,295,297,300,302,305,307,310,312,314,316,319,321,323,325,328],{"class":43,"line":95},[41,287,289],{"class":288},"sBTIf","print",[41,291,108],{"class":101},[41,293,294],{"class":104},"box",[41,296,68],{"class":101},[41,298,299],{"class":278},"left",[41,301,124],{"class":101},[41,303,304],{"class":104}," box",[41,306,68],{"class":101},[41,308,309],{"class":278},"top",[41,311,124],{"class":101},[41,313,304],{"class":104},[41,315,68],{"class":101},[41,317,318],{"class":278},"right",[41,320,124],{"class":101},[41,322,304],{"class":104},[41,324,68],{"class":101},[41,326,327],{"class":278},"bottom",[41,329,141],{"class":101},[14,331,332,334,335,338,339,341,342,344,345,344,347,349,350,68],{},[22,333,220],{}," returns ",[22,336,337],{},"BoundingBox(x, y, width, height)",". It also provides ",[22,340,299],{},",\n",[22,343,309],{},", ",[22,346,318],{},[22,348,327],{},", and ",[22,351,352],{},"center",[27,354,105],{"id":355},"circle",[32,357,359],{"className":34,"code":358,"language":36,"meta":37,"style":37},"dp.Circle(\n    *,\n    pos: PointLike | None = None,\n    cx: Real | None = None,\n    cy: Real | None = None,\n    r: Real | None = None,\n    **kwargs,\n)\n",[22,360,361,372,379,404,424,444,464,475],{"__ignoreMap":37},[41,362,363,365,367,369],{"class":43,"line":44},[41,364,98],{"class":50},[41,366,68],{"class":101},[41,368,105],{"class":104},[41,370,371],{"class":101},"(\n",[41,373,374,377],{"class":43,"line":88},[41,375,376],{"class":114},"    *",[41,378,341],{"class":101},[41,380,381,384,387,390,393,396,399,402],{"class":43,"line":95},[41,382,383],{"class":104},"    pos",[41,385,386],{"class":101},":",[41,388,389],{"class":104}," PointLike ",[41,391,392],{"class":114},"|",[41,394,395],{"class":111}," None",[41,397,398],{"class":114}," =",[41,400,395],{"class":401},"sTy78",[41,403,341],{"class":101},[41,405,406,409,411,414,416,418,420,422],{"class":43,"line":144},[41,407,408],{"class":104},"    cx",[41,410,386],{"class":101},[41,412,413],{"class":104}," Real ",[41,415,392],{"class":114},[41,417,395],{"class":111},[41,419,398],{"class":114},[41,421,395],{"class":401},[41,423,341],{"class":101},[41,425,427,430,432,434,436,438,440,442],{"class":43,"line":426},5,[41,428,429],{"class":104},"    cy",[41,431,386],{"class":101},[41,433,413],{"class":104},[41,435,392],{"class":114},[41,437,395],{"class":111},[41,439,398],{"class":114},[41,441,395],{"class":401},[41,443,341],{"class":101},[41,445,447,450,452,454,456,458,460,462],{"class":43,"line":446},6,[41,448,449],{"class":104},"    r",[41,451,386],{"class":101},[41,453,413],{"class":104},[41,455,392],{"class":114},[41,457,395],{"class":111},[41,459,398],{"class":114},[41,461,395],{"class":401},[41,463,341],{"class":101},[41,465,467,470,473],{"class":43,"line":466},7,[41,468,469],{"class":114},"    **",[41,471,472],{"class":104},"kwargs",[41,474,341],{"class":101},[41,476,478],{"class":43,"line":477},8,[41,479,141],{"class":101},[14,481,482,484,485,68],{},[22,483,105],{}," represents ",[22,486,487],{},"\u003Ccircle>",[32,489,491],{"className":34,"code":490,"language":36,"meta":37,"style":37},"svg = dp.SVG(220, 140)\ncircle = dp.Circle(\n    pos=(110, 70),\n    r=42,\n    fill=\"#14b8a6\",\n    stroke=\"currentColor\",\n    stroke_width=4,\n)\n\nsvg.append(circle)\n",[22,492,493,519,534,553,564,583,599,611,615,620],{"__ignoreMap":37},[41,494,495,498,500,502,504,507,509,512,514,517],{"class":43,"line":44},[41,496,497],{"class":50},"svg ",[41,499,115],{"class":114},[41,501,235],{"class":50},[41,503,68],{"class":101},[41,505,506],{"class":104},"SVG",[41,508,108],{"class":101},[41,510,511],{"class":120},"220",[41,513,124],{"class":101},[41,515,516],{"class":120}," 140",[41,518,141],{"class":101},[41,520,521,524,526,528,530,532],{"class":43,"line":88},[41,522,523],{"class":50},"circle ",[41,525,115],{"class":114},[41,527,235],{"class":50},[41,529,68],{"class":101},[41,531,105],{"class":104},[41,533,371],{"class":101},[41,535,536,538,540,542,545,547,550],{"class":43,"line":95},[41,537,383],{"class":111},[41,539,115],{"class":114},[41,541,108],{"class":101},[41,543,544],{"class":120},"110",[41,546,124],{"class":101},[41,548,549],{"class":120}," 70",[41,551,552],{"class":101},"),\n",[41,554,555,557,559,562],{"class":43,"line":144},[41,556,449],{"class":111},[41,558,115],{"class":114},[41,560,561],{"class":120},"42",[41,563,341],{"class":101},[41,565,566,569,571,575,579,581],{"class":43,"line":426},[41,567,568],{"class":111},"    fill",[41,570,115],{"class":114},[41,572,574],{"class":573},"sqo_7","\"",[41,576,578],{"class":577},"s_jvP","#14b8a6",[41,580,574],{"class":573},[41,582,341],{"class":101},[41,584,585,588,590,592,595,597],{"class":43,"line":446},[41,586,587],{"class":111},"    stroke",[41,589,115],{"class":114},[41,591,574],{"class":573},[41,593,594],{"class":577},"currentColor",[41,596,574],{"class":573},[41,598,341],{"class":101},[41,600,601,604,606,609],{"class":43,"line":466},[41,602,603],{"class":111},"    stroke_width",[41,605,115],{"class":114},[41,607,608],{"class":120},"4",[41,610,341],{"class":101},[41,612,613],{"class":43,"line":477},[41,614,141],{"class":101},[41,616,618],{"class":43,"line":617},9,[41,619,92],{"emptyLinePlaceholder":91},[41,621,623,626,628,631,633,635],{"class":43,"line":622},10,[41,624,625],{"class":50},"svg",[41,627,68],{"class":101},[41,629,630],{"class":104},"append",[41,632,108],{"class":101},[41,634,355],{"class":104},[41,636,141],{"class":101},[638,639,641],"h3",{"id":640},"circle-properties","Circle Properties",[643,644,645,658],"table",{},[646,647,648],"thead",{},[649,650,651,655],"tr",{},[652,653,654],"th",{},"Property",[652,656,657],{},"Description",[659,660,661,678,691,702,714,727],"tbody",{},[649,662,663,668],{},[664,665,666],"td",{},[22,667,67],{},[664,669,670,671,673,674,200,676,68],{},"Center as ",[22,672,160],{},"; setting it updates ",[22,675,199],{},[22,677,203],{},[649,679,680,685],{},[664,681,682],{},[22,683,684],{},"radius",[664,686,687,688,68],{},"Numeric radius; setting it updates ",[22,689,690],{},"r",[649,692,693,697],{},[664,694,695],{},[22,696,352],{},[664,698,699,700,68],{},"Alias for ",[22,701,67],{},[649,703,704,709],{},[664,705,706],{},[22,707,708],{},"diameter",[664,710,711,68],{},[22,712,713],{},"radius * 2",[649,715,716,721],{},[664,717,718],{},[22,719,720],{},"area",[664,722,723,724,68],{},"Circle area using ",[22,725,726],{},"math.pi * radius ** 2",[649,728,729,733],{},[664,730,731],{},[22,732,220],{},[664,734,735],{},"Bounding box derived from center and radius.",[32,737,739],{"className":34,"code":738,"language":36,"meta":37,"style":37},"circle.radius = 36\ncircle.pos = (120, 72)\n\nprint(circle.diameter)\n",[22,740,741,754,776,780],{"__ignoreMap":37},[41,742,743,745,747,749,751],{"class":43,"line":44},[41,744,355],{"class":50},[41,746,68],{"class":101},[41,748,684],{"class":278},[41,750,398],{"class":114},[41,752,753],{"class":120}," 36\n",[41,755,756,758,760,762,764,767,769,771,774],{"class":43,"line":88},[41,757,355],{"class":50},[41,759,68],{"class":101},[41,761,67],{"class":278},[41,763,398],{"class":114},[41,765,766],{"class":101}," (",[41,768,180],{"class":120},[41,770,124],{"class":101},[41,772,773],{"class":120}," 72",[41,775,141],{"class":101},[41,777,778],{"class":43,"line":95},[41,779,92],{"emptyLinePlaceholder":91},[41,781,782,784,786,788,790,792],{"class":43,"line":144},[41,783,289],{"class":288},[41,785,108],{"class":101},[41,787,355],{"class":104},[41,789,68],{"class":101},[41,791,708],{"class":278},[41,793,141],{"class":101},[27,795,797],{"id":796},"ellipse","Ellipse",[32,799,801],{"className":34,"code":800,"language":36,"meta":37,"style":37},"dp.Ellipse(\n    *,\n    pos: PointLike | None = None,\n    cx: Real | None = None,\n    cy: Real | None = None,\n    rx: Real | None = None,\n    ry: Real | None = None,\n    **kwargs,\n)\n",[22,802,803,813,819,837,855,873,892,911,919],{"__ignoreMap":37},[41,804,805,807,809,811],{"class":43,"line":44},[41,806,98],{"class":50},[41,808,68],{"class":101},[41,810,797],{"class":104},[41,812,371],{"class":101},[41,814,815,817],{"class":43,"line":88},[41,816,376],{"class":114},[41,818,341],{"class":101},[41,820,821,823,825,827,829,831,833,835],{"class":43,"line":95},[41,822,383],{"class":104},[41,824,386],{"class":101},[41,826,389],{"class":104},[41,828,392],{"class":114},[41,830,395],{"class":111},[41,832,398],{"class":114},[41,834,395],{"class":401},[41,836,341],{"class":101},[41,838,839,841,843,845,847,849,851,853],{"class":43,"line":144},[41,840,408],{"class":104},[41,842,386],{"class":101},[41,844,413],{"class":104},[41,846,392],{"class":114},[41,848,395],{"class":111},[41,850,398],{"class":114},[41,852,395],{"class":401},[41,854,341],{"class":101},[41,856,857,859,861,863,865,867,869,871],{"class":43,"line":426},[41,858,429],{"class":104},[41,860,386],{"class":101},[41,862,413],{"class":104},[41,864,392],{"class":114},[41,866,395],{"class":111},[41,868,398],{"class":114},[41,870,395],{"class":401},[41,872,341],{"class":101},[41,874,875,878,880,882,884,886,888,890],{"class":43,"line":446},[41,876,877],{"class":104},"    rx",[41,879,386],{"class":101},[41,881,413],{"class":104},[41,883,392],{"class":114},[41,885,395],{"class":111},[41,887,398],{"class":114},[41,889,395],{"class":401},[41,891,341],{"class":101},[41,893,894,897,899,901,903,905,907,909],{"class":43,"line":466},[41,895,896],{"class":104},"    ry",[41,898,386],{"class":101},[41,900,413],{"class":104},[41,902,392],{"class":114},[41,904,395],{"class":111},[41,906,398],{"class":114},[41,908,395],{"class":401},[41,910,341],{"class":101},[41,912,913,915,917],{"class":43,"line":477},[41,914,469],{"class":114},[41,916,472],{"class":104},[41,918,341],{"class":101},[41,920,921],{"class":43,"line":617},[41,922,141],{"class":101},[14,924,925,484,927,68],{},[22,926,797],{},[22,928,929],{},"\u003Cellipse>",[32,931,933],{"className":34,"code":932,"language":36,"meta":37,"style":37},"ellipse = dp.Ellipse(\n    pos=(110, 70),\n    rx=72,\n    ry=34,\n    fill=\"#38bdf8\",\n)\n",[22,934,935,950,966,977,988,1003],{"__ignoreMap":37},[41,936,937,940,942,944,946,948],{"class":43,"line":44},[41,938,939],{"class":50},"ellipse ",[41,941,115],{"class":114},[41,943,235],{"class":50},[41,945,68],{"class":101},[41,947,797],{"class":104},[41,949,371],{"class":101},[41,951,952,954,956,958,960,962,964],{"class":43,"line":88},[41,953,383],{"class":111},[41,955,115],{"class":114},[41,957,108],{"class":101},[41,959,544],{"class":120},[41,961,124],{"class":101},[41,963,549],{"class":120},[41,965,552],{"class":101},[41,967,968,970,972,975],{"class":43,"line":95},[41,969,877],{"class":111},[41,971,115],{"class":114},[41,973,974],{"class":120},"72",[41,976,341],{"class":101},[41,978,979,981,983,986],{"class":43,"line":144},[41,980,896],{"class":111},[41,982,115],{"class":114},[41,984,985],{"class":120},"34",[41,987,341],{"class":101},[41,989,990,992,994,996,999,1001],{"class":43,"line":426},[41,991,568],{"class":111},[41,993,115],{"class":114},[41,995,574],{"class":573},[41,997,998],{"class":577},"#38bdf8",[41,1000,574],{"class":573},[41,1002,341],{"class":101},[41,1004,1005],{"class":43,"line":446},[41,1006,141],{"class":101},[638,1008,1010],{"id":1009},"ellipse-properties","Ellipse Properties",[643,1012,1013,1021],{},[646,1014,1015],{},[649,1016,1017,1019],{},[652,1018,654],{},[652,1020,657],{},[659,1022,1023,1037],{},[649,1024,1025,1029],{},[664,1026,1027],{},[22,1028,67],{},[664,1030,670,1031,673,1033,200,1035,68],{},[22,1032,160],{},[22,1034,199],{},[22,1036,203],{},[649,1038,1039,1043],{},[664,1040,1041],{},[22,1042,220],{},[664,1044,1045,1046,344,1048,344,1050,349,1053,68],{},"Bounding box derived from ",[22,1047,199],{},[22,1049,203],{},[22,1051,1052],{},"rx",[22,1054,1055],{},"ry",[14,1057,1058],{},"Radius attributes are available through dynamic attributes:",[32,1060,1062],{"className":34,"code":1061,"language":36,"meta":37,"style":37},"ellipse.rx = 80\nellipse.ry = 28\n",[22,1063,1064,1077],{"__ignoreMap":37},[41,1065,1066,1068,1070,1072,1074],{"class":43,"line":44},[41,1067,796],{"class":50},[41,1069,68],{"class":101},[41,1071,1052],{"class":278},[41,1073,398],{"class":114},[41,1075,1076],{"class":120}," 80\n",[41,1078,1079,1081,1083,1085,1087],{"class":43,"line":88},[41,1080,796],{"class":50},[41,1082,68],{"class":101},[41,1084,1055],{"class":278},[41,1086,398],{"class":114},[41,1088,1089],{"class":120}," 28\n",[27,1091,151],{"id":1092},"rect",[32,1094,1096],{"className":34,"code":1095,"language":36,"meta":37,"style":37},"dp.Rect(\n    *,\n    pos: PointLike | None = None,\n    x: Real | None = None,\n    y: Real | None = None,\n    width: Real | None = None,\n    height: Real | None = None,\n    **kwargs,\n)\n",[22,1097,1098,1108,1114,1132,1151,1170,1189,1208,1216],{"__ignoreMap":37},[41,1099,1100,1102,1104,1106],{"class":43,"line":44},[41,1101,98],{"class":50},[41,1103,68],{"class":101},[41,1105,151],{"class":104},[41,1107,371],{"class":101},[41,1109,1110,1112],{"class":43,"line":88},[41,1111,376],{"class":114},[41,1113,341],{"class":101},[41,1115,1116,1118,1120,1122,1124,1126,1128,1130],{"class":43,"line":95},[41,1117,383],{"class":104},[41,1119,386],{"class":101},[41,1121,389],{"class":104},[41,1123,392],{"class":114},[41,1125,395],{"class":111},[41,1127,398],{"class":114},[41,1129,395],{"class":401},[41,1131,341],{"class":101},[41,1133,1134,1137,1139,1141,1143,1145,1147,1149],{"class":43,"line":144},[41,1135,1136],{"class":104},"    x",[41,1138,386],{"class":101},[41,1140,413],{"class":104},[41,1142,392],{"class":114},[41,1144,395],{"class":111},[41,1146,398],{"class":114},[41,1148,395],{"class":401},[41,1150,341],{"class":101},[41,1152,1153,1156,1158,1160,1162,1164,1166,1168],{"class":43,"line":426},[41,1154,1155],{"class":104},"    y",[41,1157,386],{"class":101},[41,1159,413],{"class":104},[41,1161,392],{"class":114},[41,1163,395],{"class":111},[41,1165,398],{"class":114},[41,1167,395],{"class":401},[41,1169,341],{"class":101},[41,1171,1172,1175,1177,1179,1181,1183,1185,1187],{"class":43,"line":446},[41,1173,1174],{"class":104},"    width",[41,1176,386],{"class":101},[41,1178,413],{"class":104},[41,1180,392],{"class":114},[41,1182,395],{"class":111},[41,1184,398],{"class":114},[41,1186,395],{"class":401},[41,1188,341],{"class":101},[41,1190,1191,1194,1196,1198,1200,1202,1204,1206],{"class":43,"line":466},[41,1192,1193],{"class":104},"    height",[41,1195,386],{"class":101},[41,1197,413],{"class":104},[41,1199,392],{"class":114},[41,1201,395],{"class":111},[41,1203,398],{"class":114},[41,1205,395],{"class":401},[41,1207,341],{"class":101},[41,1209,1210,1212,1214],{"class":43,"line":477},[41,1211,469],{"class":114},[41,1213,472],{"class":104},[41,1215,341],{"class":101},[41,1217,1218],{"class":43,"line":617},[41,1219,141],{"class":101},[14,1221,1222,484,1224,68],{},[22,1223,151],{},[22,1225,1226],{},"\u003Crect>",[32,1228,1230],{"className":34,"code":1229,"language":36,"meta":37,"style":37},"rect = dp.Rect(\n    pos=(30, 24),\n    width=160,\n    height=92,\n    rx=10,\n    fill=\"#95cf20\",\n)\n",[22,1231,1232,1247,1264,1275,1286,1297,1312],{"__ignoreMap":37},[41,1233,1234,1237,1239,1241,1243,1245],{"class":43,"line":44},[41,1235,1236],{"class":50},"rect ",[41,1238,115],{"class":114},[41,1240,235],{"class":50},[41,1242,68],{"class":101},[41,1244,151],{"class":104},[41,1246,371],{"class":101},[41,1248,1249,1251,1253,1255,1257,1259,1262],{"class":43,"line":88},[41,1250,383],{"class":111},[41,1252,115],{"class":114},[41,1254,108],{"class":101},[41,1256,138],{"class":120},[41,1258,124],{"class":101},[41,1260,1261],{"class":120}," 24",[41,1263,552],{"class":101},[41,1265,1266,1268,1270,1273],{"class":43,"line":95},[41,1267,1174],{"class":111},[41,1269,115],{"class":114},[41,1271,1272],{"class":120},"160",[41,1274,341],{"class":101},[41,1276,1277,1279,1281,1284],{"class":43,"line":144},[41,1278,1193],{"class":111},[41,1280,115],{"class":114},[41,1282,1283],{"class":120},"92",[41,1285,341],{"class":101},[41,1287,1288,1290,1292,1295],{"class":43,"line":426},[41,1289,877],{"class":111},[41,1291,115],{"class":114},[41,1293,1294],{"class":120},"10",[41,1296,341],{"class":101},[41,1298,1299,1301,1303,1305,1308,1310],{"class":43,"line":446},[41,1300,568],{"class":111},[41,1302,115],{"class":114},[41,1304,574],{"class":573},[41,1306,1307],{"class":577},"#95cf20",[41,1309,574],{"class":573},[41,1311,341],{"class":101},[41,1313,1314],{"class":43,"line":466},[41,1315,141],{"class":101},[638,1317,1319],{"id":1318},"rect-properties","Rect Properties",[643,1321,1322,1330],{},[646,1323,1324],{},[649,1325,1326,1328],{},[652,1327,654],{},[652,1329,657],{},[659,1331,1332,1347,1360,1372],{},[649,1333,1334,1338],{},[664,1335,1336],{},[22,1337,67],{},[664,1339,1340,1341,673,1343,200,1345,68],{},"Top-left position as ",[22,1342,160],{},[22,1344,207],{},[22,1346,210],{},[649,1348,1349,1354],{},[664,1350,1351],{},[22,1352,1353],{},"width",[664,1355,1356,1357,1359],{},"Numeric width read from the SVG ",[22,1358,1353],{}," attribute.",[649,1361,1362,1367],{},[664,1363,1364],{},[22,1365,1366],{},"height",[664,1368,1369,1370,1359],{},"Numeric height read from the SVG ",[22,1371,1366],{},[649,1373,1374,1378],{},[664,1375,1376],{},[22,1377,220],{},[664,1379,1380],{},"Bounding box derived from position and size. Negative sizes are normalized in the returned box.",[14,1382,1383,1384,1387],{},"Use dynamic attributes or ",[22,1385,1386],{},"set_size()"," to update size:",[32,1389,1391],{"className":34,"code":1390,"language":36,"meta":37,"style":37},"rect.set_size(180, 100)\nrect.rx = 14\n",[22,1392,1393,1414],{"__ignoreMap":37},[41,1394,1395,1397,1399,1402,1404,1407,1409,1412],{"class":43,"line":44},[41,1396,1092],{"class":50},[41,1398,68],{"class":101},[41,1400,1401],{"class":104},"set_size",[41,1403,108],{"class":101},[41,1405,1406],{"class":120},"180",[41,1408,124],{"class":101},[41,1410,1411],{"class":120}," 100",[41,1413,141],{"class":101},[41,1415,1416,1418,1420,1422,1424],{"class":43,"line":88},[41,1417,1092],{"class":50},[41,1419,68],{"class":101},[41,1421,1052],{"class":278},[41,1423,398],{"class":114},[41,1425,1426],{"class":120}," 14\n",[27,1428,1429],{"id":43},"Line",[32,1431,1433],{"className":34,"code":1432,"language":36,"meta":37,"style":37},"dp.Line(\n    x1: Real = 0,\n    y1: Real = 0,\n    x2: Real = 0,\n    y2: Real = 0,\n    **kwargs,\n)\n",[22,1434,1435,1445,1462,1477,1492,1507,1515],{"__ignoreMap":37},[41,1436,1437,1439,1441,1443],{"class":43,"line":44},[41,1438,98],{"class":50},[41,1440,68],{"class":101},[41,1442,1429],{"class":104},[41,1444,371],{"class":101},[41,1446,1447,1450,1452,1455,1457,1460],{"class":43,"line":88},[41,1448,1449],{"class":104},"    x1",[41,1451,386],{"class":101},[41,1453,1454],{"class":111}," Real",[41,1456,398],{"class":114},[41,1458,1459],{"class":120}," 0",[41,1461,341],{"class":101},[41,1463,1464,1467,1469,1471,1473,1475],{"class":43,"line":95},[41,1465,1466],{"class":104},"    y1",[41,1468,386],{"class":101},[41,1470,1454],{"class":111},[41,1472,398],{"class":114},[41,1474,1459],{"class":120},[41,1476,341],{"class":101},[41,1478,1479,1482,1484,1486,1488,1490],{"class":43,"line":144},[41,1480,1481],{"class":104},"    x2",[41,1483,386],{"class":101},[41,1485,1454],{"class":111},[41,1487,398],{"class":114},[41,1489,1459],{"class":120},[41,1491,341],{"class":101},[41,1493,1494,1497,1499,1501,1503,1505],{"class":43,"line":426},[41,1495,1496],{"class":104},"    y2",[41,1498,386],{"class":101},[41,1500,1454],{"class":111},[41,1502,398],{"class":114},[41,1504,1459],{"class":120},[41,1506,341],{"class":101},[41,1508,1509,1511,1513],{"class":43,"line":446},[41,1510,469],{"class":114},[41,1512,472],{"class":104},[41,1514,341],{"class":101},[41,1516,1517],{"class":43,"line":466},[41,1518,141],{"class":101},[14,1520,1521,484,1523,68],{},[22,1522,1429],{},[22,1524,1525],{},"\u003Cline>",[32,1527,1529],{"className":34,"code":1528,"language":36,"meta":37,"style":37},"line = dp.Line(\n    24,\n    96,\n    196,\n    36,\n    stroke=\"currentColor\",\n    stroke_width=6,\n    stroke_linecap=\"round\",\n)\n",[22,1530,1531,1546,1553,1560,1567,1574,1588,1599,1615],{"__ignoreMap":37},[41,1532,1533,1536,1538,1540,1542,1544],{"class":43,"line":44},[41,1534,1535],{"class":50},"line ",[41,1537,115],{"class":114},[41,1539,235],{"class":50},[41,1541,68],{"class":101},[41,1543,1429],{"class":104},[41,1545,371],{"class":101},[41,1547,1548,1551],{"class":43,"line":88},[41,1549,1550],{"class":120},"    24",[41,1552,341],{"class":101},[41,1554,1555,1558],{"class":43,"line":95},[41,1556,1557],{"class":120},"    96",[41,1559,341],{"class":101},[41,1561,1562,1565],{"class":43,"line":144},[41,1563,1564],{"class":120},"    196",[41,1566,341],{"class":101},[41,1568,1569,1572],{"class":43,"line":426},[41,1570,1571],{"class":120},"    36",[41,1573,341],{"class":101},[41,1575,1576,1578,1580,1582,1584,1586],{"class":43,"line":446},[41,1577,587],{"class":111},[41,1579,115],{"class":114},[41,1581,574],{"class":573},[41,1583,594],{"class":577},[41,1585,574],{"class":573},[41,1587,341],{"class":101},[41,1589,1590,1592,1594,1597],{"class":43,"line":466},[41,1591,603],{"class":111},[41,1593,115],{"class":114},[41,1595,1596],{"class":120},"6",[41,1598,341],{"class":101},[41,1600,1601,1604,1606,1608,1611,1613],{"class":43,"line":477},[41,1602,1603],{"class":111},"    stroke_linecap",[41,1605,115],{"class":114},[41,1607,574],{"class":573},[41,1609,1610],{"class":577},"round",[41,1612,574],{"class":573},[41,1614,341],{"class":101},[41,1616,1617],{"class":43,"line":617},[41,1618,141],{"class":101},[638,1620,1622],{"id":1621},"line-properties","Line Properties",[643,1624,1625,1633],{},[646,1626,1627],{},[649,1628,1629,1631],{},[652,1630,654],{},[652,1632,657],{},[659,1634,1635,1654,1664,1677],{},[649,1636,1637,1651],{},[664,1638,1639,344,1642,344,1645,344,1648],{},[22,1640,1641],{},"x1",[22,1643,1644],{},"y1",[22,1646,1647],{},"x2",[22,1649,1650],{},"y2",[664,1652,1653],{},"Numeric endpoints; setting them updates SVG attributes.",[649,1655,1656,1661],{},[664,1657,1658],{},[22,1659,1660],{},"length",[664,1662,1663],{},"Euclidean distance between endpoints.",[649,1665,1666,1671],{},[664,1667,1668],{},[22,1669,1670],{},"angle",[664,1672,1673,1674,68],{},"Direction in degrees, normalized to ",[22,1675,1676],{},"0 \u003C= angle \u003C 360",[649,1678,1679,1683],{},[664,1680,1681],{},[22,1682,220],{},[664,1684,1685],{},"Bounding box covering both endpoints.",[32,1687,1689],{"className":34,"code":1688,"language":36,"meta":37,"style":37},"print(line.length)\nprint(line.angle)\n",[22,1690,1691,1705],{"__ignoreMap":37},[41,1692,1693,1695,1697,1699,1701,1703],{"class":43,"line":44},[41,1694,289],{"class":288},[41,1696,108],{"class":101},[41,1698,43],{"class":104},[41,1700,68],{"class":101},[41,1702,1660],{"class":278},[41,1704,141],{"class":101},[41,1706,1707,1709,1711,1713,1715,1717],{"class":43,"line":88},[41,1708,289],{"class":288},[41,1710,108],{"class":101},[41,1712,43],{"class":104},[41,1714,68],{"class":101},[41,1716,1670],{"class":278},[41,1718,141],{"class":101},[27,1720,1722],{"id":1721},"polygon","Polygon",[32,1724,1726],{"className":34,"code":1725,"language":36,"meta":37,"style":37},"dp.Polygon(points: list[Real], **kwargs)\n",[22,1727,1728],{"__ignoreMap":37},[41,1729,1730,1732,1734,1736,1738,1741,1743,1746,1749,1752,1755,1758,1760],{"class":43,"line":44},[41,1731,98],{"class":50},[41,1733,68],{"class":101},[41,1735,1722],{"class":104},[41,1737,108],{"class":101},[41,1739,1740],{"class":104},"points",[41,1742,386],{"class":101},[41,1744,1745],{"class":104}," list",[41,1747,1748],{"class":101},"[",[41,1750,1751],{"class":104},"Real",[41,1753,1754],{"class":101},"],",[41,1756,1757],{"class":114}," **",[41,1759,472],{"class":104},[41,1761,141],{"class":101},[14,1763,1764,1766,1767,68],{},[22,1765,1722],{}," represents a closed ",[22,1768,1769],{},"\u003Cpolygon>",[32,1771,1773],{"className":34,"code":1772,"language":36,"meta":37,"style":37},"polygon = dp.Polygon(\n    [110, 16, 196, 118, 24, 118],\n    fill=\"#f83898\",\n)\n",[22,1774,1775,1790,1823,1838],{"__ignoreMap":37},[41,1776,1777,1780,1782,1784,1786,1788],{"class":43,"line":44},[41,1778,1779],{"class":50},"polygon ",[41,1781,115],{"class":114},[41,1783,235],{"class":50},[41,1785,68],{"class":101},[41,1787,1722],{"class":104},[41,1789,371],{"class":101},[41,1791,1792,1795,1797,1799,1802,1804,1807,1809,1812,1814,1816,1818,1820],{"class":43,"line":88},[41,1793,1794],{"class":101},"    [",[41,1796,544],{"class":120},[41,1798,124],{"class":101},[41,1800,1801],{"class":120}," 16",[41,1803,124],{"class":101},[41,1805,1806],{"class":120}," 196",[41,1808,124],{"class":101},[41,1810,1811],{"class":120}," 118",[41,1813,124],{"class":101},[41,1815,1261],{"class":120},[41,1817,124],{"class":101},[41,1819,1811],{"class":120},[41,1821,1822],{"class":101},"],\n",[41,1824,1825,1827,1829,1831,1834,1836],{"class":43,"line":95},[41,1826,568],{"class":111},[41,1828,115],{"class":114},[41,1830,574],{"class":573},[41,1832,1833],{"class":577},"#f83898",[41,1835,574],{"class":573},[41,1837,341],{"class":101},[41,1839,1840],{"class":43,"line":144},[41,1841,141],{"class":101},[638,1843,1845],{"id":1844},"polygon-properties","Polygon Properties",[643,1847,1848,1856],{},[646,1849,1850],{},[649,1851,1852,1854],{},[652,1853,654],{},[652,1855,657],{},[659,1857,1858,1870],{},[649,1859,1860,1864],{},[664,1861,1862],{},[22,1863,1740],{},[664,1865,1866,1867,68],{},"Flat coordinate list: ",[22,1868,1869],{},"[x0, y0, x1, y1, ...]",[649,1871,1872,1876],{},[664,1873,1874],{},[22,1875,220],{},[664,1877,1878],{},"Bounding box covering all points.",[14,1880,1881],{},"The point list must contain an even number of coordinates.",[32,1883,1885],{"className":34,"code":1884,"language":36,"meta":37,"style":37},"polygon.points = [110, 20, 190, 120, 30, 120]\n",[22,1886,1887],{"__ignoreMap":37},[41,1888,1889,1891,1893,1895,1897,1900,1902,1904,1907,1909,1912,1914,1917,1919,1921,1923,1925],{"class":43,"line":44},[41,1890,1721],{"class":50},[41,1892,68],{"class":101},[41,1894,1740],{"class":278},[41,1896,398],{"class":114},[41,1898,1899],{"class":101}," [",[41,1901,544],{"class":120},[41,1903,124],{"class":101},[41,1905,1906],{"class":120}," 20",[41,1908,124],{"class":101},[41,1910,1911],{"class":120}," 190",[41,1913,124],{"class":101},[41,1915,1916],{"class":120}," 120",[41,1918,124],{"class":101},[41,1920,170],{"class":120},[41,1922,124],{"class":101},[41,1924,1916],{"class":120},[41,1926,1927],{"class":101},"]\n",[27,1929,1931],{"id":1930},"polyline","Polyline",[32,1933,1935],{"className":34,"code":1934,"language":36,"meta":37,"style":37},"dp.Polyline(points: list[Real], **kwargs)\n",[22,1936,1937],{"__ignoreMap":37},[41,1938,1939,1941,1943,1945,1947,1949,1951,1953,1955,1957,1959,1961,1963],{"class":43,"line":44},[41,1940,98],{"class":50},[41,1942,68],{"class":101},[41,1944,1931],{"class":104},[41,1946,108],{"class":101},[41,1948,1740],{"class":104},[41,1950,386],{"class":101},[41,1952,1745],{"class":104},[41,1954,1748],{"class":101},[41,1956,1751],{"class":104},[41,1958,1754],{"class":101},[41,1960,1757],{"class":114},[41,1962,472],{"class":104},[41,1964,141],{"class":101},[14,1966,1967,1969,1970,68],{},[22,1968,1931],{}," represents an open ",[22,1971,1972],{},"\u003Cpolyline>",[32,1974,1976],{"className":34,"code":1975,"language":36,"meta":37,"style":37},"polyline = dp.Polyline(\n    [20, 100, 70, 40, 120, 90, 180, 30],\n    fill=\"none\",\n    stroke=\"#14b8a6\",\n    stroke_width=5,\n    stroke_linejoin=\"round\",\n)\n",[22,1977,1978,1993,2032,2047,2061,2072,2087],{"__ignoreMap":37},[41,1979,1980,1983,1985,1987,1989,1991],{"class":43,"line":44},[41,1981,1982],{"class":50},"polyline ",[41,1984,115],{"class":114},[41,1986,235],{"class":50},[41,1988,68],{"class":101},[41,1990,1931],{"class":104},[41,1992,371],{"class":101},[41,1994,1995,1997,1999,2001,2003,2005,2007,2009,2012,2014,2016,2018,2021,2023,2026,2028,2030],{"class":43,"line":88},[41,1996,1794],{"class":101},[41,1998,165],{"class":120},[41,2000,124],{"class":101},[41,2002,1411],{"class":120},[41,2004,124],{"class":101},[41,2006,549],{"class":120},[41,2008,124],{"class":101},[41,2010,2011],{"class":120}," 40",[41,2013,124],{"class":101},[41,2015,1916],{"class":120},[41,2017,124],{"class":101},[41,2019,2020],{"class":120}," 90",[41,2022,124],{"class":101},[41,2024,2025],{"class":120}," 180",[41,2027,124],{"class":101},[41,2029,170],{"class":120},[41,2031,1822],{"class":101},[41,2033,2034,2036,2038,2040,2043,2045],{"class":43,"line":95},[41,2035,568],{"class":111},[41,2037,115],{"class":114},[41,2039,574],{"class":573},[41,2041,2042],{"class":577},"none",[41,2044,574],{"class":573},[41,2046,341],{"class":101},[41,2048,2049,2051,2053,2055,2057,2059],{"class":43,"line":144},[41,2050,587],{"class":111},[41,2052,115],{"class":114},[41,2054,574],{"class":573},[41,2056,578],{"class":577},[41,2058,574],{"class":573},[41,2060,341],{"class":101},[41,2062,2063,2065,2067,2070],{"class":43,"line":426},[41,2064,603],{"class":111},[41,2066,115],{"class":114},[41,2068,2069],{"class":120},"5",[41,2071,341],{"class":101},[41,2073,2074,2077,2079,2081,2083,2085],{"class":43,"line":446},[41,2075,2076],{"class":111},"    stroke_linejoin",[41,2078,115],{"class":114},[41,2080,574],{"class":573},[41,2082,1610],{"class":577},[41,2084,574],{"class":573},[41,2086,341],{"class":101},[41,2088,2089],{"class":43,"line":466},[41,2090,141],{"class":101},[638,2092,2094],{"id":2093},"polyline-properties","Polyline Properties",[643,2096,2097,2105],{},[646,2098,2099],{},[649,2100,2101,2103],{},[652,2102,654],{},[652,2104,657],{},[659,2106,2107,2117],{},[649,2108,2109,2113],{},[664,2110,2111],{},[22,2112,1740],{},[664,2114,1866,2115,68],{},[22,2116,1869],{},[649,2118,2119,2123],{},[664,2120,2121],{},[22,2122,220],{},[664,2124,1878],{},[14,2126,1881],{},[27,2128,2130],{"id":2129},"combined-example","Combined Example",[32,2132,2134],{"className":34,"code":2133,"language":36,"meta":37,"style":37},"svg = dp.SVG(280, 180)\n\nsvg.append(\n    dp.Rect(x=20, y=24, width=88, height=56, rx=8, fill=\"#95cf20\"),\n    dp.Circle(cx=174, cy=52, r=28, fill=\"#14b8a6\"),\n    dp.Ellipse(cx=220, cy=126, rx=36, ry=20, fill=\"#38bdf8\"),\n    dp.Polyline(\n        [28, 138, 72, 106, 118, 136, 162, 98],\n        fill=\"none\",\n        stroke=\"currentColor\",\n        stroke_width=4,\n        stroke_linecap=\"round\",\n        stroke_linejoin=\"round\",\n    ),\n)\n",[22,2135,2136,2159,2163,2173,2242,2292,2349,2359,2401,2416,2431,2443,2459,2475,2481],{"__ignoreMap":37},[41,2137,2138,2140,2142,2144,2146,2148,2150,2153,2155,2157],{"class":43,"line":44},[41,2139,497],{"class":50},[41,2141,115],{"class":114},[41,2143,235],{"class":50},[41,2145,68],{"class":101},[41,2147,506],{"class":104},[41,2149,108],{"class":101},[41,2151,2152],{"class":120},"280",[41,2154,124],{"class":101},[41,2156,2025],{"class":120},[41,2158,141],{"class":101},[41,2160,2161],{"class":43,"line":88},[41,2162,92],{"emptyLinePlaceholder":91},[41,2164,2165,2167,2169,2171],{"class":43,"line":95},[41,2166,625],{"class":50},[41,2168,68],{"class":101},[41,2170,630],{"class":104},[41,2172,371],{"class":101},[41,2174,2175,2178,2180,2182,2184,2186,2188,2190,2192,2194,2196,2199,2201,2203,2205,2208,2210,2212,2214,2217,2219,2222,2224,2227,2229,2232,2234,2236,2238,2240],{"class":43,"line":144},[41,2176,2177],{"class":104},"    dp",[41,2179,68],{"class":101},[41,2181,151],{"class":104},[41,2183,108],{"class":101},[41,2185,207],{"class":111},[41,2187,115],{"class":114},[41,2189,165],{"class":120},[41,2191,124],{"class":101},[41,2193,252],{"class":111},[41,2195,115],{"class":114},[41,2197,2198],{"class":120},"24",[41,2200,124],{"class":101},[41,2202,175],{"class":111},[41,2204,115],{"class":114},[41,2206,2207],{"class":120},"88",[41,2209,124],{"class":101},[41,2211,185],{"class":111},[41,2213,115],{"class":114},[41,2215,2216],{"class":120},"56",[41,2218,124],{"class":101},[41,2220,2221],{"class":111}," rx",[41,2223,115],{"class":114},[41,2225,2226],{"class":120},"8",[41,2228,124],{"class":101},[41,2230,2231],{"class":111}," fill",[41,2233,115],{"class":114},[41,2235,574],{"class":573},[41,2237,1307],{"class":577},[41,2239,574],{"class":573},[41,2241,552],{"class":101},[41,2243,2244,2246,2248,2250,2252,2254,2256,2259,2261,2264,2266,2269,2271,2273,2275,2278,2280,2282,2284,2286,2288,2290],{"class":43,"line":426},[41,2245,2177],{"class":104},[41,2247,68],{"class":101},[41,2249,105],{"class":104},[41,2251,108],{"class":101},[41,2253,199],{"class":111},[41,2255,115],{"class":114},[41,2257,2258],{"class":120},"174",[41,2260,124],{"class":101},[41,2262,2263],{"class":111}," cy",[41,2265,115],{"class":114},[41,2267,2268],{"class":120},"52",[41,2270,124],{"class":101},[41,2272,133],{"class":111},[41,2274,115],{"class":114},[41,2276,2277],{"class":120},"28",[41,2279,124],{"class":101},[41,2281,2231],{"class":111},[41,2283,115],{"class":114},[41,2285,574],{"class":573},[41,2287,578],{"class":577},[41,2289,574],{"class":573},[41,2291,552],{"class":101},[41,2293,2294,2296,2298,2300,2302,2304,2306,2308,2310,2312,2314,2317,2319,2321,2323,2326,2328,2331,2333,2335,2337,2339,2341,2343,2345,2347],{"class":43,"line":446},[41,2295,2177],{"class":104},[41,2297,68],{"class":101},[41,2299,797],{"class":104},[41,2301,108],{"class":101},[41,2303,199],{"class":111},[41,2305,115],{"class":114},[41,2307,511],{"class":120},[41,2309,124],{"class":101},[41,2311,2263],{"class":111},[41,2313,115],{"class":114},[41,2315,2316],{"class":120},"126",[41,2318,124],{"class":101},[41,2320,2221],{"class":111},[41,2322,115],{"class":114},[41,2324,2325],{"class":120},"36",[41,2327,124],{"class":101},[41,2329,2330],{"class":111}," ry",[41,2332,115],{"class":114},[41,2334,165],{"class":120},[41,2336,124],{"class":101},[41,2338,2231],{"class":111},[41,2340,115],{"class":114},[41,2342,574],{"class":573},[41,2344,998],{"class":577},[41,2346,574],{"class":573},[41,2348,552],{"class":101},[41,2350,2351,2353,2355,2357],{"class":43,"line":466},[41,2352,2177],{"class":104},[41,2354,68],{"class":101},[41,2356,1931],{"class":104},[41,2358,371],{"class":101},[41,2360,2361,2364,2366,2368,2371,2373,2375,2377,2380,2382,2384,2386,2389,2391,2394,2396,2399],{"class":43,"line":477},[41,2362,2363],{"class":101},"        [",[41,2365,2277],{"class":120},[41,2367,124],{"class":101},[41,2369,2370],{"class":120}," 138",[41,2372,124],{"class":101},[41,2374,773],{"class":120},[41,2376,124],{"class":101},[41,2378,2379],{"class":120}," 106",[41,2381,124],{"class":101},[41,2383,1811],{"class":120},[41,2385,124],{"class":101},[41,2387,2388],{"class":120}," 136",[41,2390,124],{"class":101},[41,2392,2393],{"class":120}," 162",[41,2395,124],{"class":101},[41,2397,2398],{"class":120}," 98",[41,2400,1822],{"class":101},[41,2402,2403,2406,2408,2410,2412,2414],{"class":43,"line":617},[41,2404,2405],{"class":111},"        fill",[41,2407,115],{"class":114},[41,2409,574],{"class":573},[41,2411,2042],{"class":577},[41,2413,574],{"class":573},[41,2415,341],{"class":101},[41,2417,2418,2421,2423,2425,2427,2429],{"class":43,"line":622},[41,2419,2420],{"class":111},"        stroke",[41,2422,115],{"class":114},[41,2424,574],{"class":573},[41,2426,594],{"class":577},[41,2428,574],{"class":573},[41,2430,341],{"class":101},[41,2432,2434,2437,2439,2441],{"class":43,"line":2433},11,[41,2435,2436],{"class":111},"        stroke_width",[41,2438,115],{"class":114},[41,2440,608],{"class":120},[41,2442,341],{"class":101},[41,2444,2446,2449,2451,2453,2455,2457],{"class":43,"line":2445},12,[41,2447,2448],{"class":111},"        stroke_linecap",[41,2450,115],{"class":114},[41,2452,574],{"class":573},[41,2454,1610],{"class":577},[41,2456,574],{"class":573},[41,2458,341],{"class":101},[41,2460,2462,2465,2467,2469,2471,2473],{"class":43,"line":2461},13,[41,2463,2464],{"class":111},"        stroke_linejoin",[41,2466,115],{"class":114},[41,2468,574],{"class":573},[41,2470,1610],{"class":577},[41,2472,574],{"class":573},[41,2474,341],{"class":101},[41,2476,2478],{"class":43,"line":2477},14,[41,2479,2480],{"class":101},"    ),\n",[41,2482,2484],{"class":43,"line":2483},15,[41,2485,141],{"class":101},[2487,2488,2489],"style",{},"html pre.shiki code .sED7I, html code.shiki .sED7I{--shiki-light:#39ADB5;--shiki-light-font-style:italic;--shiki-default:#A0111F;--shiki-default-font-style:inherit;--shiki-dark:#F97583;--shiki-dark-font-style:inherit}html pre.shiki code .soTeR, html code.shiki .soTeR{--shiki-light:#90A4AE;--shiki-default:#0E1116;--shiki-dark:#E1E4E8}html .light .shiki span {color: var(--shiki-light);background: var(--shiki-light-bg);font-style: var(--shiki-light-font-style);font-weight: var(--shiki-light-font-weight);text-decoration: var(--shiki-light-text-decoration);}html.light .shiki span {color: var(--shiki-light);background: var(--shiki-light-bg);font-style: var(--shiki-light-font-style);font-weight: var(--shiki-light-font-weight);text-decoration: var(--shiki-light-text-decoration);}html .default .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}html.dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}html pre.shiki code .sVsmf, html code.shiki .sVsmf{--shiki-light:#39ADB5;--shiki-default:#0E1116;--shiki-dark:#E1E4E8}html pre.shiki code .sAK04, html code.shiki .sAK04{--shiki-light:#6182B8;--shiki-default:#0E1116;--shiki-dark:#E1E4E8}html pre.shiki code .sYEV4, html code.shiki .sYEV4{--shiki-light:#90A4AE;--shiki-light-font-style:italic;--shiki-default:#702C00;--shiki-default-font-style:inherit;--shiki-dark:#FFAB70;--shiki-dark-font-style:inherit}html pre.shiki code .sWKEy, html code.shiki .sWKEy{--shiki-light:#39ADB5;--shiki-default:#A0111F;--shiki-dark:#F97583}html pre.shiki code .sNpir, html code.shiki .sNpir{--shiki-light:#F76D47;--shiki-default:#023B95;--shiki-dark:#79B8FF}html pre.shiki code .sm80-, html code.shiki .sm80-{--shiki-light:#E53935;--shiki-default:#0E1116;--shiki-dark:#E1E4E8}html pre.shiki code .sBTIf, html code.shiki .sBTIf{--shiki-light:#6182B8;--shiki-default:#023B95;--shiki-dark:#79B8FF}html pre.shiki code .sTy78, html code.shiki .sTy78{--shiki-light:#39ADB5;--shiki-default:#023B95;--shiki-dark:#79B8FF}html pre.shiki code .sqo_7, html code.shiki .sqo_7{--shiki-light:#39ADB5;--shiki-default:#032563;--shiki-dark:#9ECBFF}html pre.shiki code .s_jvP, html code.shiki .s_jvP{--shiki-light:#91B859;--shiki-default:#032563;--shiki-dark:#9ECBFF}",{"title":37,"searchDepth":95,"depth":95,"links":2491},[2492,2493,2494,2495,2498,2501,2504,2507,2510,2513],{"id":29,"depth":88,"text":30},{"id":60,"depth":88,"text":61},{"id":213,"depth":88,"text":214},{"id":355,"depth":88,"text":105,"children":2496},[2497],{"id":640,"depth":95,"text":641},{"id":796,"depth":88,"text":797,"children":2499},[2500],{"id":1009,"depth":95,"text":1010},{"id":1092,"depth":88,"text":151,"children":2502},[2503],{"id":1318,"depth":95,"text":1319},{"id":43,"depth":88,"text":1429,"children":2505},[2506],{"id":1621,"depth":95,"text":1622},{"id":1721,"depth":88,"text":1722,"children":2508},[2509],{"id":1844,"depth":95,"text":1845},{"id":1930,"depth":88,"text":1931,"children":2511},[2512],{"id":2093,"depth":95,"text":2094},{"id":2129,"depth":88,"text":2130},"Reference for Circle, Ellipse, Rect, Line, Polygon, and Polyline.","md",{"category":2517},"reference",{"title":5},"\u002Freference\u002Fshapes",{"title":5,"description":2514},"reference\u002Fshapes","L3Nz7zwT7RLSiOgyoG80OHkaUanyBpYRwHqjWNGwIOs",1780692544478]