Skip to content

Instantly share code, notes, and snippets.

@smoofra

smoofra/d3-tslab-example.ipynb

Last active September 23, 2021 00:33
Show Gist options
  • Save smoofra/4e7d826c68dd95541a5e1ba54bf05383 to your computer and use it in GitHub Desktop.
Save smoofra/4e7d826c68dd95541a5e1ba54bf05383 to your computer and use it in GitHub Desktop.
Download ZIP
Display the source blob
Display the rendered blob
Raw
d3-tslab-example.ipynb
{
"cells": [
{
"cell_type": "markdown",
"id": "12e943ca-7578-4a16-8b54-a34197b471c8",
"metadata": {},
"source": [
"# Generating SVG visualizations in node\n",
"\n",
"This example shows how to use node, jsdom, and d3 to generate SVG visualizations outside of the \n",
"browser, and then display them as static content in a jupyter notebook.\n",
"\n",
"### Setup\n",
"\n",
"This is a [tslab](https://github.com/yunabe/tslab) notebook, install that according to instructions, \n",
"then install the needed javascript libraries: \n",
"\n",
"```\n",
"$ npm install tslab d3@6 @types/d3@6 jsdom\n",
"```\n",
"\n",
"### Credits\n",
"\n",
"Inspiration from [here](https://medium.com/@92sharmasaurabh/generate-svg-files-using-nodejs-d3-647d5b4f56eb)"
]
},
{
"cell_type": "code",
"execution_count": 1,
"id": "f7c09c8c-fa56-46eb-8be6-f2fd54b2eecb",
"metadata": {},
"outputs": [],
"source": [
"import { JSDOM } from \"jsdom\";\n",
"import * as d3 from \"d3\";\n",
"import * as tslab from \"tslab\""
]
},
{
"cell_type": "markdown",
"id": "b661b729-6fea-4810-8db6-05f32b15b9b5",
"metadata": {},
"source": [
"### The Basic Idea"
]
},
{
"cell_type": "code",
"execution_count": 2,
"id": "20a7fa05-793e-40a7-a637-23ae9203409f",
"metadata": {},
"outputs": [
{
"data": {
"image/svg+xml": [
"<svg width=\"200\" height=\"200\" xmlns=\"http://www.w3.org/2000/svg\"><circle cx=\"100\" cy=\"100\" r=\"90\" style=\"fill: black;\"></circle></svg>"
]
},
"metadata": {},
"output_type": "display_data"
}
],
"source": [
"const dom = new JSDOM(`<!DOCTYPE html><body></body>`);\n",
"let body = d3.select(dom.window.document.querySelector(\"body\"))\n",
"let svg = body.append('svg').attr('width', 200).attr('height', 200).attr('xmlns', 'http://www.w3.org/2000/svg');\n",
"svg.append(\"circle\")\n",
" .attr(\"cx\", 100)\n",
" .attr(\"cy\", 100)\n",
" .attr(\"r\", 90)\n",
" .style(\"fill\", \"black\")\n",
"tslab.display.svg(body.html())\n"
]
},
{
"cell_type": "markdown",
"id": "28407cc6-129b-4dfe-ba87-48c5c3b09eeb",
"metadata": {},
"source": [
"### Factor out the common parts..."
]
},
{
"cell_type": "code",
"execution_count": 3,
"id": "4a071e0b-5362-47b1-9dd0-ca68f7f68cf0",
"metadata": {},
"outputs": [
{
"data": {
"image/svg+xml": [
"<svg width=\"200\" height=\"200\" xmlns=\"http://www.w3.org/2000/svg\"><circle cx=\"100\" cy=\"100\" r=\"90\" style=\"fill: blue;\"></circle></svg>"
]
},
"metadata": {},
"output_type": "display_data"
}
],
"source": [
"function showsvg(block) {\n",
" const dom = new JSDOM(`<!DOCTYPE html><body></body>`);\n",
" let body = d3.select(dom.window.document.querySelector(\"body\"))\n",
" let svg = body.append('svg').attr('width', 200).attr('height', 200).attr('xmlns', 'http://www.w3.org/2000/svg');\n",
" block(svg)\n",
" tslab.display.svg(body.html());\n",
"}\n",
"showsvg(svg => { \n",
" svg.append(\"circle\")\n",
" .attr(\"cx\", 100)\n",
" .attr(\"cy\", 100)\n",
" .attr(\"r\", 90)\n",
" .style(\"fill\", \"blue\")\n",
"});"
]
},
{
"cell_type": "markdown",
"id": "9a4afad7-8bf5-4db3-b4de-f2d2f39915fd",
"metadata": {},
"source": [
"\n",
"### And a final example:"
]
},
{
"cell_type": "code",
"execution_count": 4,
"id": "f2f145db-39fd-480e-a2c0-8040acc00944",
"metadata": {},
"outputs": [
{
"data": {
"image/svg+xml": [
"<svg width=\"200\" height=\"200\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"M100,100L106.27892800982153,100.0394521873875L112.53233377790599,100.15749424116787L118.73480267413075,100.3531845411763L124.86113482333532,100.62496006002458L130.88645131422604,100.97064583613589L136.78629901183245,101.38746816359733L142.53675351774274,101.87207142688297L148.11451983061144,102.42053848858397L153.49703026969541,103.0284145188413L158.6625392363843,103.69073413631129L163.59021440279622,104.40205171230237L168.26022393244372,105.15647467229994L172.6538193556654,105.94769961253134L176.75341374188562,106.76905103360464L180.54265483172017,107.61352247866402L184.00649281439414,108.47381985001509L187.13124245977838,109.34240666585973L189.90463933947183,110.2115510077043L192.31588989764955,111.07337389922785L194.3557151597354,111.9198988489674L196.01638789522374,112.74310228214652L197.29176308003807,113.534964581372L198.17730153354094,114.2875214517892L198.6700866355683,114.99291532363989L198.76883405951378,115.64344650402309L198.47389448839388,116.2316237900298L197.78724931184777,116.75021425730682L196.7124993330214,117.1922919414949L195.25484654511712,117.55128513487003L193.4210690679171,117.82102202687055L191.21948936467496,117.99577442498692L188.6599358892775,118.0702993016897L185.75369834237762,118.03987792363033L182.51347674315798,117.90035233121661L178.95332455038164,117.64815894978395L175.08858609229344,117.28035912789014L170.935828589646,116.79466641368401L166.5127690795217,116.18947039676284L161.83819656960407,115.46385696035716L156.93188977302336,114.61762480697809L151.81453079276673,113.65129813973999L146.50761514182648,112.56613540133836L141.0333585006806,111.36413399301381L135.41460062729107,110.04803091667326L129.67470684651295,108.62129930455848L123.83746755557861,107.08814082234686L117.92699619010992,105.45347395322717L111.96762610090043,103.72291819221049L105.98380679545694,101.90277420159475L100.00000000000003,100L94.04057599727909,98.02218327861132L88.12971069317366,95.97750995910619L82.2912838606381,93.87472912809196L76.54877900312778,91.72311450263201L70.92518527125756,89.53242260049792L65.44290185612059,87.31284780704412L60.1236452705006,85.07497454797215L54.988359915195694,82.82972679363965L50.05713231190091,80.58831513588626L45.34910936665651,78.36218169251829L40.88242100883347,76.16294310753601L36.67410753008771,74.00233192683362L32.74005192577293,71.8921366393878L29.094917518056796,69.84414068282157L25.752091115544072,67.87006071962995L22.723631938694876,65.9814844962472L20.020226513847273,64.18980860147934L17.651149711337,62.50617644359524L15.62423207518382,60.94141676654644L13.945833563205534,59.50598302535035L12.62082378736582,58.20989393862778L11.652568814792474,57.0626755326292L11.042924560351208,56.07330498583136L10.792236772064722,55.25015657635184L10.89934758116321,54.600950026045325L11.361608559271508,54.13270152524154L12.174900196317761,53.85167771070751L13.33365768431668,53.76335285661323L14.830902864366713,53.87236952410868L16.658282167131123,54.18250289964319L18.806110350868433,54.696629035449185L21.26341981585589,55.416697187744155L24.018015249924098,56.34370642926484L27.05653333689616,57.47768669281951L30.364507238106953,58.81768438172665L33.92643553695498,60.36175266139464L37.72585531770757,62.10694652399356L41.74541903261587,64.04932269528246L45.96697479587115,66.18394442928992L50.371649729121735,68.50489121282031L54.939935971222056,71.00527337778344L59.65177895464897,73.67725159523593L64.48666754264782,76.5120612009029L69.42372561468137,79.50004127792816L74.441804683177,82.6306683988017L79.51957712192062,85.8925949049541L84.63562958572581,89.27369157949843L89.76855620221538,92.761094546161L94.89705111968048,96.34125620568254L99.99999999999997,99.99999999999999L105.05657005248545,103.72257877444098L110.04629821322567,107.49373648908093L114.94917708499179,111.29777301242572L119.7457382649709,115.11861171377686L124.4171327014635,118.93986955510472L128.94520773614292,122.74492936908072L133.31258050543227,126.51701399716124L137.50270739295905,130.23926195037018L141.49994924477122,133.8948042457254L145.2896320799659,137.46684206317087L148.85810305148857,140.93872486145L152.19278143498883,144.29402858662675L155.28220444766924,147.51663360395673L158.11606772390917,150.59080198256024L160.6852602999811,153.50125376286306L162.98189398625968,156.2332418390485L164.99932703185345,158.77262509281977L166.7321820134222,161.10593942057463L168.17635790695851,163.22046630363744L169.32903632838674,165.10429858044682L170.1886819558327,166.74640309052074L170.7550371732205,168.13667987257267L171.02911100133417,169.2660176132806L171.0131624085178,170.1263450588569L170.71067811865476,170.71067811865476L170.12634505885694,171.0131624085178L169.26601761328067,171.02911100133417L168.13667987257267,170.75503717322047L166.74640309052077,170.1886819558327L165.10429858044682,169.32903632838674L163.2204663036374,168.1763579069585L161.10593942057463,166.73218201342218L158.77262509281982,164.99932703185348L156.23324183904847,162.98189398625965L153.5012537628631,160.68526029998114L150.59080198256032,158.1160677239092L147.51663360395665,155.28220444766922L144.29402858662678,152.19278143498886L140.93872486144997,148.85810305148854L137.46684206317084,145.2896320799659L133.89480424572548,141.4999492447713L130.2392619503703,137.50270739295917L126.51701399716124,133.31258050543224L122.74492936908075,128.94520773614295L118.93986955510476,124.41713270146354L115.11861171377684,119.74573826497088L111.29777301242574,114.94917708499185L107.49373648908092,110.04629821322564L103.72257877444096,105.05657005248543L100.00000000000003,100.00000000000003L96.34125620568257,94.89705111968054L92.76109454616109,89.76855620221549L89.27369157949848,84.63562958572587L85.89259490495411,79.51957712192066L82.63066839880169,74.44180468317698L79.50004127792819,69.42372561468142L76.51206120090298,64.48666754264794L73.67725159523593,59.65177895464895L71.00527337778347,54.93993597122211L68.50489121282034,50.371649729121785L66.18394442928994,45.96697479587121L64.04932269528254,41.74541903261603L62.10694652399358,37.7258553177076L60.361752661394675,33.92643553695508L58.81768438172672,30.364507238107088L57.47768669281948,27.056533336896095L56.34370642926482,24.01801524992405L55.416697187744155,21.26341981585591L54.6966290354492,18.806110350868455L54.18250289964319,16.658282167131144L53.87236952410868,14.830902864366724L53.763352856613224,13.33365768431667L53.8516777107075,12.174900196317784L54.13270152524154,11.361608559271518L54.60095002604531,10.899347581163221L55.25015657635181,10.792236772064722L56.07330498583136,11.042924560351208L57.06267553262923,11.652568814792474L58.209893938627765,12.620823787365797L59.50598302535035,13.945833563205511L60.94141676654646,15.624232075183853L62.50617644359521,17.651149711336934L64.18980860147929,20.020226513847206L65.9814844962472,22.723631938694886L67.87006071962988,25.75209111554395L69.84414068282155,29.09491751805676L71.89213663938783,32.74005192577296L74.0023319268336,36.674107530087696L76.16294310753602,40.88242100883348L78.36218169251832,45.349109366656606L80.58831513588622,50.05713231190083L82.82972679363961,54.98835991519561L85.07497454797215,60.12364527050058L87.31284780704405,65.44290185612039L89.53242260049792,70.92518527125755L91.72311450263197,76.54877900312769L93.87472912809184,82.2912838606378L95.97750995910623,88.12971069317372L98.02218327861137,94.04057599727923L99.99999999999999,99.99999999999996L101.90277420159472,105.98380679545683L103.72291819221051,111.96762610090045L105.45347395322715,117.92699619010978L107.08814082234686,123.83746755557858L108.62129930455848,129.6747068465129L110.04803091667318,135.41460062729078L111.3641339930138,141.03335850068052L112.5661354013384,146.50761514182665L113.65129813973998,151.8145307927667L114.61762480697809,156.93188977302333L115.46385696035719,161.83819656960412L116.18947039676281,166.51276907952158L116.79466641368404,170.935828589646L117.28035912789014,175.08858609229344L117.64815894978393,178.95332455038152L117.90035233121661,182.51347674315795L118.03987792363036,185.75369834237762L118.0702993016897,188.65993588927745L117.99577442498692,191.21948936467496L117.82102202687055,193.42106906791713L117.55128513487003,195.2548465451171L117.1922919414949,196.7124993330214L116.75021425730682,197.78724931184777L116.23162379002983,198.47389448839385L115.64344650402309,198.76883405951378L114.99291532363989,198.6700866355683L114.2875214517892,198.17730153354094L113.53496458137202,197.2917630800381L112.74310228214655,196.01638789522374L111.9198988489674,194.35571515973544L111.07337389922785,192.31588989764953L110.2115510077043,189.9046393394718L109.34240666585973,187.13124245977843L108.47381985001512,184.00649281439416L107.61352247866402,180.54265483172009L106.76905103360465,176.7534137418857L105.94769961253134,172.6538193556655L105.15647467229996,168.26022393244372L104.4020517123024,163.5902144027964L103.6907341363113,158.66253923638436L103.0284145188413,153.49703026969536L102.42053848858397,148.11451983061156L101.87207142688297,142.53675351774274L101.38746816359733,136.7862990118323L100.97064583613589,130.8864513142261L100.62496006002458,124.8611348233354L100.3531845411763,118.73480267413072L100.15749424116787,112.53233377790615L100.0394521873875,106.27892800982156L100,100.00000000000007L100.0394521873875,93.72107199017859L100.15749424116787,87.46766622209397L100.3531845411763,81.26519732586905L100.62496006002458,75.13886517666471L100.97064583613589,69.11354868577386L101.38746816359733,63.21370098816747L101.87207142688297,57.46324648225753L102.42053848858394,51.885480169388565L103.0284145188413,46.50296973030461L103.69073413631126,41.33746076361574L104.40205171230235,36.40978559720385L105.15647467229996,31.739776067556125L105.94769961253132,27.346180644334716L106.76905103360465,23.246586258114267L107.61352247866405,19.457345168279772L108.47381985001508,15.993507185606004L109.3424066658597,12.86875754022162L110.21155100770432,10.095360660528186L111.07337389922782,7.684110102350439L111.91989884896738,5.644284840264602L112.74310228214652,3.9836121047762796L113.534964581372,2.7082369199619483L114.2875214517892,1.8226984664590384L114.9929153236399,1.3299133644317007L115.64344650402307,1.231165940486223L116.2316237900298,1.526105511606135L116.75021425730682,2.212750688152243L117.1922919414949,3.2875006669785822L117.55128513487001,4.745153454882878L117.82102202687055,6.578930932082905L117.99577442498692,8.780510635325022L118.0702993016897,11.340064110722414L118.03987792363033,14.246301657622473L117.90035233121662,17.486523256841924L117.64815894978393,21.046675449618412L117.28035912789014,24.91141390770658L116.79466641368401,29.064171410354L116.18947039676284,33.487230920478325L115.46385696035719,38.161803430395935L114.61762480697809,43.068110226976586L113.65129813973999,48.18546920723321L112.56613540133837,53.4923848581734L111.36413399301384,58.96664149931921L110.04803091667321,64.5853993727091L108.62129930455846,70.32529315348715L107.08814082234683,76.16253244442147L105.45347395322717,82.07300380989011L103.72291819221049,88.0323738990996L101.90277420159475,94.01619320454306L100.00000000000003,99.99999999999993L98.02218327861135,105.95942400272081L95.97750995910626,111.87028930682617L93.87472912809201,117.70871613936175L91.72311450263209,123.45122099687205L89.53242260049791,129.0748147287425L87.3128478070441,134.5570981438795L85.07497454797213,139.87635472949947L82.82972679363965,145.0116400848043L80.58831513588626,149.94286768809908L78.36218169251829,154.65089063334344L76.16294310753607,159.11757899116643L74.00233192683365,163.32589246991222L71.89213663938787,167.25994807422694L69.84414068282166,170.90508248194305L67.8700607196299,174.247908884456L65.9814844962472,177.2763680613051L64.18980860147934,179.97977348615274L62.50617644359524,182.34885028866302L60.94141676654644,184.37576792481616L59.50598302535035,186.05416643679442L58.20989393862783,187.3791762126341L57.06267553262925,188.3474311852075L56.073304985831385,188.9570754396488L55.25015657635186,189.2077632279353L54.600950026045325,189.10065241883677L54.13270152524154,188.6383914407285L53.85167771070751,187.82509980368224L53.763352856613224,186.6663423156834L53.872369524108656,185.1690971356333L54.18250289964315,183.341717832869L54.696629035449185,181.1938896491316L55.41669718774418,178.73658018414397L56.343706429264806,175.981984750076L57.47768669281954,172.9434666631038L58.817684381726686,169.635492761893L60.361752661394654,166.073564463045L62.106946523993486,162.2741446822926L64.0493226952825,158.25458096738404L66.18394442928977,154.03302520412913L68.5048912128203,149.62835027087831L71.0052733777834,145.060064028778L73.67725159523586,140.34822104535115L76.51206120090302,135.51333245735202L79.50004127792822,130.57627438531853L82.6306683988017,125.55819531682297L85.89259490495395,120.48042287807958L89.2736915794985,115.36437041427408L92.76109454616082,110.23144379778489L96.3412562056825,105.10294888031957L99.99999999999994,100.00000000000007L103.72257877444089,94.94342994751467L107.49373648908063,89.95370178677473L111.29777301242589,85.05082291500798L115.11861171377689,80.25426173502908L118.93986955510458,75.58286729853667L122.7449293690808,71.054792263857L126.51701399716106,66.68741949456796L130.23926195037018,62.49729260704091L133.89480424572542,58.50005075522879L137.4668420631708,54.710367920034166L140.93872486144974,51.141896948511736L144.2940285866269,47.807218565011L147.5166336039568,44.717795552330685L150.59080198256015,41.88393227609092L153.50125376286314,39.314739700018855L156.23324183904836,37.01810601374045L158.77262509281977,35.00067296814653L161.10593942057463,33.267817986577796L163.2204663036374,31.823642093041528L165.10429858044668,30.67096367161334L166.74640309052086,29.811318044167244L168.1366798725726,29.244962826779542L169.2660176132806,28.970888998665835L170.12634505885694,28.98683759148224L170.71067811865476,29.28932188134524L171.0131624085178,29.87365494114307L171.02911100133417,30.73398238671936L170.75503717322047,31.863320127427354L170.18868195583278,33.25359690947912L169.3290363283867,34.89570141955326L168.17635790695851,36.779533696362535L166.73218201342226,38.89406057942529L164.99932703185354,41.227374907180156L162.98189398625976,43.76675816095143L160.68526029998108,46.498746237136956L158.11606772390917,49.40919801743975L155.28220444766924,52.483366396043316L152.1927814349891,55.705971413373014L148.85810305148837,59.06127513855017L145.28963207996594,62.5331579368291L141.49994924477133,66.10519575427448L137.5027073929592,69.7607380496297L133.3125805054324,73.48298600283863L128.9452077361434,77.2550706309189L124.41713270146346,81.06013044489531L119.7457382649708,84.88138828622323L114.94917708499214,88.702226987574L110.0462982132254,92.50626351091927L105.05657005248548,96.277421225559L100.00000000000009,99.99999999999994L94.89705111968058,103.65874379431739L89.76855620221555,107.23890545383887L84.63562958572635,110.7263084205012L79.51957712192058,114.10740509504595L74.44180468317715,117.36933160119818L69.42372561468162,120.49995872207168L64.48666754264757,123.48793879909725L59.65177895464899,126.32274840476407L54.939935971222155,128.99472662221652L50.37164972912183,131.49510878717965L45.96697479587124,133.81605557071003L41.74541903261629,135.95067730471732L37.72585531770753,137.89305347600646L33.92643553695511,139.6382473386053L30.36450723810712,141.18231561827326L27.05653333689595,142.52231330718058L24.018015249924073,143.65629357073516L21.263419815855933,144.58330281225585L18.806110350868476,145.3033709645508L16.658282167131166,145.81749710035677L14.830902864366834,146.1276304758913L13.333657684316636,146.2366471433868L12.174900196317795,146.14832228929248L11.361608559271518,145.86729847475846L10.899347581163221,145.39904997395467L10.792236772064722,144.74984342364817L11.042924560351198,143.92669501416864L11.652568814792474,142.9373244673708L12.620823787365786,141.79010606137223L13.945833563205422,140.49401697464972L15.624232075183897,139.0585832334535L17.65114971133691,137.4938235564048L20.020226513847184,135.81019139852074L22.723631938694954,134.01851550375278L25.752091115544108,132.12993928037005L29.09491751805664,130.1558593171785L32.74005192577293,128.10786336061219L36.67410753008765,125.9976680731664L40.88242100883319,123.83705689246412L45.34910936665669,121.63781830748164L50.057132311900766,119.4116848641138L54.98835991519555,117.17027320636039L60.12364527050069,114.92502545202781L65.44290185612064,112.68715219295586L70.92518527125733,110.46757739950218L76.54877900312779,108.27688549736799L82.29128386063773,106.12527087190817L88.12971069317334,104.02249004089393L94.04057599727935,101.97781672138859L99.9999999999999,100.00000000000004L105.98380679545679,98.09722579840529L111.96762610090056,96.27708180778947L117.92699619011005,94.54652604677278L123.83746755557836,92.91185917765321L129.674706846513,91.3787006954415L135.41460062729072,89.95196908332683L141.0333585006803,88.63586600698628L146.50761514182645,87.43386459866164L151.81453079276665,86.34870186026002L156.93188977302327,85.38237519302194L161.8381965696042,84.53614303964278L166.5127690795218,83.81052960323714L170.93582858964587,83.205333586316L175.08858609229353,82.71964087210985L178.95332455038147,82.35184105021608L182.5134767431578,82.09964766878342L185.75369834237762,81.96012207636964L188.6599358892775,81.9297006983103L191.21948936467476,82.00422557501307L193.42106906791713,82.17897797312943L195.25484654511715,82.44871486512999L196.71249933302138,82.80770805850509L197.78724931184777,83.24978574269318L198.47389448839385,83.76837620997017L198.76883405951378,84.35655349597691L198.67008663556828,85.0070846763601L198.17730153354094,85.71247854821081L197.29176308003815,86.46503541862796L196.0163878952237,87.25689771785349L194.35571515973544,88.08010115103257L192.31588989764964,88.92662610077213L189.90463933947174,89.78844899229573L187.13124245977846,90.65759333414026L184.00649281439428,91.52618014998487L180.5426548317201,92.38647752133598L176.75341374188562,93.23094896639536L172.65381935566566,94.05230038746862L168.2602239324435,94.84352532770008L163.5902144027963,95.5979482876976L158.66253923638442,96.3092658636887L153.49703026969524,96.97158548115871L148.11451983061158,97.57946151141603L142.53675351774297,98.127928573117L136.78629901183237,98.61253183640267L130.88645131422598,99.02935416386413L124.86113482333565,99.37503993997542L118.73480267413044,99.64681545882371L112.53233377790603,99.84250575883213L106.2789280098216,99.9605478126125L100.00000000000013,100L93.72107199017864,99.9605478126125L87.46766622209421,99.84250575883215L81.26519732586912,99.6468154588237L75.1388651766646,99.37503993997542L69.11354868577425,99.02935416386414L63.21370098816719,98.61253183640264L57.46324648225727,98.12792857311703L51.88548016938861,97.57946151141606L46.502969730304656,96.9715854811587L41.337460763615496,96.3092658636887L36.40978559720389,95.59794828769766L31.739776067556168,94.84352532770004L27.34618064433427,94.05230038746863L23.246586258114753,93.23094896639542L19.457345168279605,92.38647752133593L15.993507185605848,91.52618014998491L12.86875754022182,90.6575933341403L10.095360660528218,89.7884489922957L7.684110102350338,88.92662610077214L5.644284840264624,88.08010115103264L3.983612104776202,87.25689771785345L2.7082369199619483,86.46503541862803L1.8226984664591273,85.71247854821084L1.3299133644316785,85.00708467636008L1.231165940486223,84.35655349597693L1.5261055116061129,83.7683762099702L2.212750688152232,83.24978574269316L3.287500666978649,82.8077080585051L4.745153454882867,82.44871486513001L6.578930932083004,82.17897797312945L8.780510635325001,82.0042255750131L11.340064110722237,81.92970069831026L14.246301657622274,81.96012207636964L17.48652325684207,82.09964766878342L21.046675449618167,82.35184105021602L24.911413907706546,82.71964087210985L29.0641714103542,83.20533358631603L33.48723092047828,83.81052960323719L38.16180343039615,84.53614303964285L43.06811022697653,85.3823751930219L48.18546920723288,86.34870186025991L53.492384858173345,87.4338645986616L58.96664149931947,88.63586600698622L64.58539937270874,89.95196908332669L70.3252931534871,91.37870069544152L76.16253244442174,92.91185917765324L82.07300380989004,94.54652604677281L88.03237389909987,96.2770818077896L94.016193204543,98.09722579840523L99.99999999999953,99.99999999999984L105.95942400272077,101.97781672138863L111.87028930682644,104.02249004089383L117.70871613936171,106.12527087190796L123.45122099687231,108.27688549736803L129.07481472874275,110.46757739950219L134.55709814387947,112.68715219295589L139.8763547294997,114.92502545202798L145.01164008480424,117.17027320636033L149.94286768809877,119.4116848641136L154.65089063334338,121.63781830748168L159.11757899116662,123.83705689246405L163.3258924699122,125.9976680731663L167.25994807422714,128.1078633606122L170.90508248194305,130.1558593171783L174.24790888445597,132.12993928037005L177.27636806130525,134.01851550375287L179.97977348615274,135.81019139852066L182.34885028866285,137.49382355640466L184.37576792481613,139.05858323345356L186.0541664367945,140.49401697464967L187.37917621263418,141.79010606137217L188.34743118520754,142.93732446737081L188.9570754396488,143.92669501416862L189.2077632279353,144.74984342364814L189.10065241883677,145.39904997395467L188.6383914407285,145.86729847475843L187.8250998036823,146.1483222892925L186.66634231568332,146.2366471433868L185.16909713563322,146.1276304758913L183.3417178328689,145.8174971003568L181.1938896491315,145.30337096455082L178.73658018414415,144.58330281225585L175.9819847500759,143.65629357073513L172.943466663104,142.52231330718058L169.635492761893,141.18231561827332L166.07356446304524,139.63824733860545L162.2741446822924,137.89305347600646L158.25458096738387,135.9506773047174L154.0330252041289,133.81605557071012L149.6283502708781,131.4951087871796L145.06006402877802,128.99472662221663L140.34822104535093,126.32274840476398L135.51333245735236,123.48793879909721L130.57627438531858,120.49995872207182L125.5581953168233,117.3693316011985L120.48042287807934,114.10740509504589L115.36437041427443,110.72630842050172L110.23144379778466,107.23890545383901L105.10294888031933,103.65874379431732L100.00000000000011,100.00000000000009L94.94342994751443,96.27742122555894L89.9537017867745,92.5062635109192L85.05082291500804,88.70222698757415L80.25426173502939,84.88138828622338L75.58286729853646,81.06013044489524L71.05479226385731,77.25507063091946L66.68741949456776,73.48298600283879L62.49729260704119,69.76073804963004L58.50005075522883,66.10519575427463L54.71036792003399,62.533157936829056L51.141896948511565,59.06127513855011L47.807218565011034,55.70597141337315L44.717795552330884,52.48336639604343L41.883932276090796,49.40919801743969L39.31473970001901,46.498746237137055L37.01810601374033,43.76675816095153L35.00067296814669,41.22737490718037L33.26781798657782,38.894060579425386L31.82364209304144,36.779533696362506L30.670963671613293,34.89570141955321L29.81131804416727,33.2535969094792L29.244962826779553,31.863320127427396L28.97088899866582,30.733982386719326L28.986837591482217,29.8736549411431L29.28932188134523,29.289321881345252L29.873654941143045,28.986837591482217L30.73398238671935,28.97088899866582L31.863320127427265,29.244962826779506L33.2535969094792,29.81131804416727L34.89570141955324,30.670963671613304L36.7795336963625,31.82364209304147L38.89406057942541,33.26781798657782L41.227374907180135,35.000672968146475L43.76675816095155,37.01810601374036L46.49874623713678,39.314739700018734L49.409198017439714,41.88393227609082L52.48336639604311,44.717795552330585L55.70597141337318,47.807218565011055L59.06127513854975,51.14189694851119L62.5331579368291,54.71036792003401L66.10519575427463,58.50005075522887L69.76073804962925,62.49729260704028L73.4829860028388,66.6874194945678L77.25507063091905,71.05479226385683L81.06013044489526,75.5828672985365L84.88138828622299,80.2542617350289L88.70222698757418,85.05082291500807L92.5062635109188,89.95370178677398L96.27742122555897,94.94342994751447L100.00000000000011,100.00000000000016L103.65874379431695,105.10294888031879L107.23890545383905,110.23144379778469L110.72630842050175,115.36437041427448L114.1074050950459,120.48042287807938L117.36933160119816,125.55819531682278L120.49995872207148,130.57627438531807L123.48793879909688,135.51333245735182L126.32274840476403,140.34822104535095L128.99472662221666,145.06006402877807L131.4951087871793,149.62835027087763L133.81605557071015,154.03302520412896L135.95067730471743,158.25458096738387L137.89305347600623,162.274144682292L139.63824733860545,166.07356446304527L141.18231561827332,169.63549276189303L142.5223133071804,172.94346666310366L143.65629357073502,175.98198475007555L144.58330281225588,178.73658018414415L145.3033709645507,181.19388964913128L145.81749710035683,183.3417178328689L146.12763047589135,185.16909713563322L146.2366471433868,186.66634231568335L146.1483222892925,187.8250998036822L145.8672984747585,188.6383914407284L145.3990499739547,189.10065241883677L144.74984342364814,189.2077632279353L143.92669501416862,188.95707543964878L142.9373244673709,188.34743118520763L141.7901060613722,187.37917621263415L140.4940169746497,186.0541664367945L139.0585832334537,184.37576792481633L137.49382355640483,182.3488502886631L135.81019139852063,179.9797734861527L134.01851550375287,177.27636806130525L132.12993928037028,174.24790888445628L130.15585931717834,170.905082481943L128.1078633606124,167.25994807422754L125.99766807316632,163.32589246991213L123.83705689246405,159.1175789911666L121.63781830748167,154.65089063334335L119.41168486411382,149.94286768809926L117.17027320636055,145.01164008480475L114.92502545202821,139.87635472950026L112.68715219295586,134.55709814387941L110.46757739950195,129.07481472874207L108.27688549736824,123.4512209968729L106.12527087190796,117.70871613936167L104.02249004089383,111.8702893068264L101.97781672138883,105.95942400272138L100.00000000000004,100.00000000000016L98.0972257984052,94.01619320454294L96.27708180778959,88.03237389909982L94.546526046773,82.07300380989068L92.91185917765341,76.16253244442235L91.3787006954417,70.3252931534877L89.95196908332667,64.5853993727087L88.63586600698619,58.96664149931943L87.4338645986616,53.492384858173295L86.34870186026005,48.185469207233425L85.38237519302199,43.06811022697706L84.53614303964294,38.16180343039666L83.81052960323719,33.487230920478254L83.20533358631592,29.0641714103537L82.71964087210992,24.911413907706958L82.35184105021602,21.046675449618135L82.09964766878338,17.486523256842055L81.96012207636964,14.246301657622595L81.9297006983103,11.340064110722514L82.0042255750131,8.780510635324967L82.17897797312946,6.578930932082983L82.44871486512997,4.745153454883033L82.80770805850506,3.287500666978793L83.24978574269315,2.212750688152332L83.76837620997021,1.5261055116061018L84.3565534959769,1.231165940486234L85.00708467636015,1.329913364431723L85.7124785482108,1.8226984664590606L86.46503541862795,2.7082369199618372L87.25689771785335,3.9836121047760464L88.08010115103265,5.644284840264646L88.92662610077218,7.684110102350616L89.78844899229563,10.095360660527941L90.6575933341402,12.86875754022152L91.52618014998488,15.993507185605882L92.3864775213359,19.457345168279627L93.23094896639536,23.246586258114334L94.05230038746872,27.346180644334794L94.84352532770005,31.739776067556203L95.59794828769759,36.409785597203395L96.30926586368862,41.33746076361496L96.97158548115866,46.5029697303041L97.57946151141607,51.88548016938896L98.12792857311702,57.46324648225731L98.61253183640262,63.21370098816723L99.02935416386413,69.11354868577396L99.37503993997542,75.1388651766643L99.64681545882368,81.26519732586847L99.84250575883216,87.46766622209425L99.9605478126125,93.72107199017906L100,99.99999999999946L99.9605478126125,106.2789280098213L99.84250575883215,112.53233377790608L99.64681545882372,118.73480267413048L99.37503993997544,124.86113482333533L99.02935416386414,130.8864513142257L98.61253183640265,136.78629901183243L98.12792857311705,142.53675351774234L97.57946151141611,148.11451983061073L96.97158548115871,153.497030269695L96.30926586368867,158.66253923638473L95.59794828769763,163.59021440279633L94.84352532770009,168.26022393244352L94.05230038746866,172.65381935566543L93.23094896639542,176.75341374188545L92.38647752133606,180.54265483171977L91.52618014998494,184.00649281439394L90.65759333414023,187.13124245977863L89.78844899229573,189.9046393394716L88.92662610077221,192.3158898976495L88.0801011510326,194.35571515973547L87.2568977178535,196.0163878952237L86.46503541862799,197.2917630800381L85.71247854821084,198.17730153354088L85.0070846763601,198.67008663556828L84.35655349597693,198.76883405951378L83.76837620997024,198.4738944883939L83.24978574269323,197.78724931184792L82.80770805850509,196.7124993330213L82.44871486512999,195.25484654511706L82.17897797312948,193.42106906791713L82.00422557501308,191.2194893646749L81.9297006983103,188.65993588927762L81.96012207636964,185.75369834237793L82.09964766878338,182.51347674315815L82.35184105021611,178.95332455038124L82.71964087210979,175.08858609229372L83.205333586316,170.93582858964606L83.81052960323703,166.5127690795225L84.53614303964281,161.83819656960418L85.38237519302194,156.93188977302324L86.34870186025998,151.81453079276687L87.43386459866166,146.5076151418264L88.63586600698612,141.0333585006809L89.9519690833266,135.41460062729163L91.37870069544125,129.67470684651394L92.91185917765333,123.83746755557799L94.5465260467729,117.92699619010966L96.27708180778947,111.96762610090052L98.0972257984051,105.9838067954574L99.99999999999994,100.00000000000017L101.9778167213885,94.04057599727965L104.0224900408937,88.12971069317396L106.1252708719083,82.29128386063735L108.27688549736789,76.54877900312806L110.46757739950203,70.9251852712576L112.68715219295551,65.44290185612152L114.92502545202782,60.12364527050064L117.17027320636042,54.98835991519553L119.41168486411368,50.05713231190101L121.63781830748152,45.34910936665691L123.83705689246392,40.88242100883366L125.9976680731662,36.674107530088094L128.10786336061187,32.74005192577355L130.15585931717862,29.094917518056405L132.12993928037014,25.752091115543895L134.01851550375275,22.723631938694922L135.81019139852054,20.02022651384745L137.49382355640475,17.651149711337023L139.05858323345345,15.624232075183986L140.49401697464964,13.945833563205579L141.79010606137211,12.62082378736592L142.9373244673708,11.65256881479253L143.92669501416862,11.042924560351185L144.74984342364806,10.792236772064745L145.39904997395467,10.899347581163198L145.86729847475848,11.361608559271541L146.14832228929248,12.17490019631775L146.2366471433868,13.33365768431658L146.12763047589135,14.83090286436668L145.81749710035686,16.658282167130956L145.30337096455094,18.80611035086811L144.5833028122557,21.263419815856246L143.65629357073507,24.01801524992425L142.52231330718047,27.056533336896138L141.1823156182734,30.364507238106754L139.6382473386054,33.92643553695493L137.89305347600654,37.725855317707335L135.95067730471754,41.74541903261587L133.8160555707103,45.96697479587078L131.4951087871798,50.37164972912163L128.9947266222165,54.93993597122218L126.32274840476452,59.65177895464823L123.48793879909705,64.48666754264788L120.49995872207167,69.42372561468164L117.36933160119834,74.44180468317691L114.1074050950461,79.51957712192032L110.72630842050157,84.63562958572581L107.23890545383925,89.76855620221501L103.65874379431799,94.89705111967976L99.99999999999991,100.00000000000011L96.27742122555875,105.05657005248581L92.50626351091901,110.04629821322574L88.7022269875744,114.94917708499163L84.8813882862232,119.74573826497084L81.06013044489549,124.41713270146325L77.25507063091929,128.94520773614292L73.48298600283903,133.31258050543195L69.76073804962985,137.502707392959L66.10519575427448,141.49994924477136L62.53315793682965,145.28963207996534L59.06127513855035,148.8581030514882L55.70597141337298,152.19278143498914L52.48336639604327,155.28220444766924L49.409198017439884,158.11606772390903L46.49874623713692,160.6852602999811L43.76675816095169,162.9818939862595L41.22737490718053,164.9993270318532L38.89406057942529,166.7321820134223L36.77953369636242,168.17635790695863L34.89570141955317,169.32903632838676L33.2535969094793,170.1886819558327L31.863320127427485,170.75503717322044L30.733982386719415,171.02911100133417L29.87365494114306,171.01316240851776L29.289321881345266,170.71067811865476L28.986837591482207,170.1263450588569L28.970888998665856,169.2660176132806L29.244962826779453,168.13667987257278L29.81131804416726,166.74640309052094L30.67096367161334,165.10429858044668L31.823642093041514,163.2204663036374L33.26781798657772,161.10593942057477L35.000672968146354,158.77262509282005L37.0181060137402,156.23324183904862L39.31473970001858,153.5012537628634L41.88393227609095,150.59080198256018L44.71779555233106,147.51663360395642L47.80721856501121,144.2940285866267L51.141896948511366,140.93872486145008L54.710367920033775,137.46684206317116L58.50005075522861,133.8948042457256L62.49729260704093,130.23926195037018L66.68741949456751,126.51701399716144L71.05479226385653,122.74492936908116L75.58286729853671,118.93986955510456L80.25426173502858,115.11861171377727L85.05082291500776,111.29777301242608L89.95370178677477,107.4937364890806L94.94342994751472,103.72257877444086L99.99999999999983,100.00000000000013L105.10294888031902,96.34125620568288L110.23144379778435,92.76109454616119L115.36437041427354,89.27369157949887L120.48042287807961,85.89259490495392L125.55819531682246,82.63066839880207L130.57627438531884,79.50004127792802L135.51333245735208,76.51206120090296L140.34822104535064,73.67725159523614L145.06006402877776,71.00527337778352L149.62835027087834,68.50489121282028L154.0330252041287,66.18394442929001L158.25458096738362,64.04932269528271L162.2741446822926,62.10694652399344L166.07356446304462,60.36175266139485L169.63549276189278,58.81768438172672L172.9434666631038,57.47768669281951L175.98198475007604,56.34370642926479L178.73658018414403,55.41669718774418L181.19388964913134,54.69662903544924L183.34171783286882,54.18250289964321L185.16909713563314,53.8723695241087L186.6663423156834,53.7633528566132L187.82509980368215,53.85167771070751L188.63839144072853,54.13270152524154L189.10065241883677,54.600950026045304L189.2077632279353,55.25015657635177L188.95707543964883,56.07330498583123L188.34743118520748,57.06267553262927L187.37917621263423,58.209893938627744L186.05416643679462,59.50598302535024L184.37576792481605,60.94141676654652L182.34885028866324,62.506176443595095L179.97977348615285,64.1898086014792L177.2763680613051,65.9814844962472L174.2479088844558,67.87006071963005L170.90508248194323,69.84414068282156L167.25994807422734,71.89213663938764L163.3258924699129,74.0023319268333L159.1175789911669,76.16294310753582L154.65089063334315,78.36218169251843L149.9428676880996,80.58831513588606L145.01164008480396,82.8297267936398L139.8763547294994,85.07497454797213L134.55709814387978,87.31284780704397L129.0748147287431,89.53242260049767L123.451220996872,91.72311450263211L117.70871613936205,93.87472912809191L111.87028930682679,95.97750995910604L105.95942400272178,98.02218327861102L100.00000000000055,99.99999999999983L94.01619320454334,101.90277420159465L88.03237389909955,103.72291819221051L82.07300380988973,105.45347395322729L76.16253244442143,107.08814082234683L70.32529315348744,108.62129930455839L64.5853993727097,110.04803091667306L58.96664149931979,111.36413399301371L53.49238485817305,112.56613540133846L48.185469207233766,113.65129813973986L43.06811022697683,114.61762480697809L38.16180343039589,115.46385696035722L33.48723092047856,116.1894703967628L29.064171410354454,116.79466641368397L24.911413907706326,117.28035912789016L21.04667544961838,117.64815894978393L17.48652325684228,117.90035233121658L14.246301657622784,118.03987792363033L11.340064110722691,118.07029930168969L8.780510635325145,117.99577442498696L6.578930932082883,117.82102202687057L4.745153454882789,117.55128513486999L3.2875006669785822,117.1922919414949L2.2127506881522874,116.75021425730688L1.5261055116061906,116.23162379002987L1.231165940486234,115.64344650402312L1.329913364431734,114.99291532363986L1.8226984664590051,114.2875214517892L2.7082369199618817,113.53496458137204L3.9836121047762907,112.74310228214652L5.644284840264524,111.91989884896745L7.684110102350217,111.07337389922796L10.095360660528351,110.21155100770423L12.868757540221642,109.3424066658597L15.99350718560566,108.47381985001515L19.45734516827938,107.61352247866411L23.246586258114064,106.76905103360468L27.346180644334506,105.94769961253138L31.739776067556424,105.15647467229994L36.409785597203616,104.4020517123024L41.33746076361577,103.69073413631126L46.50296973030434,103.02841451884134L51.88548016938799,102.42053848858401L57.463246482256935,101.872071426883L63.21370098816816,101.38746816359732L69.11354868577357,100.97064583613589L75.13886517666458,100.62496006002458L81.26519732586945,100.3531845411763L87.46766622209384,100.15749424116787L93.72107199017792,100.0394521873875\" style=\"fill: black; stroke: black;\"></path></svg>"
]
},
"metadata": {},
"output_type": "display_data"
}
],
"source": [
"const N = 1000;\n",
"const bound = Math.PI * 2;\n",
"const theta = [...Array(N).keys()].map(x => x * bound/N)\n",
"\n",
"const x = d3.scaleLinear().domain([-1,1]).range([0,200])\n",
"const y = x\n",
"\n",
"const line = d3.line<number>()\n",
" .x(th => x(Math.sin(10 * th) * Math.cos(th)))\n",
" .y(th => y(Math.sin(10 * th) * Math.sin(th)))\n",
"\n",
"showsvg(svg => { \n",
" svg.append(\"path\")\n",
" .attr(\"d\", line(theta))\n",
" .style(\"fill\", \"black\")\n",
" .style(\"stroke\", \"black\")\n",
"})"
]
}
],
"metadata": {
"kernelspec": {
"display_name": "TypeScript",
"language": "typescript",
"name": "tslab"
},
"language_info": {
"codemirror_mode": {
"mode": "typescript",
"name": "javascript",
"typescript": true
},
"file_extension": ".ts",
"mimetype": "text/typescript",
"name": "typescript",
"version": "3.7.2"
}
},
"nbformat": 4,
"nbformat_minor": 5
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment