2b:null 2c:["$","title",null,{"children":"Orbiting the Hénon Attractor | Yuri Vishnevsky | Observable"}] 31:T628,intro = jl` function orbit_counts( α; # the henon angle parameter sz = 1000, # size of the output canvas n_samples = 100_000, # number of total points we want to record on our canvas max_samples_per_orbit = 50_000, # the maximum number of samples for any individual orbit x_bounds = (-1.0, 1.0), # the x zoom bounds y_bounds = (-1.0, 1.0), # the y zoom bounds fuzz_factor = 0.0 # a fuzz factor to jitter points before plotting ) # create a henon attractor with our given angle h = henon(α) # linear scales, to integer coordinates in A ix, iy = lerp(x_bounds, sz), lerp(y_bounds, sz) # output array of visit counts for each bin counts = zeros(sz, sz) # loop until we collect the desired number of attractor samples count = 0 while count < n_samples # initialize a point p = init(h, x_bounds, y_bounds) for _ in 1:max_samples_per_orbit # iterate the attractor p = h(p) # if the orbit diverges, break out of the loop for this orbit if any(isinf, p) || any(isnan, p) break end # if the point is within bounds, increment the count in the corresponding bin if x_bounds[1] ≤ p[1] ≤ x_bounds[2] && y_bounds[1] ≤ p[2] ≤ y_bounds[2] x = clamp(ix(fuzz(p[1], fuzz_factor)), 1, sz) y = clamp(iy(fuzz(p[2], fuzz_factor)), 1, sz) counts[y, x] += 1 count += 1 end end end # return the array of counts counts end `32:T41a,jl` function visualize(orbits) # normalize each layer of orbit counts to (0, 1), then # concatenate them to create a 3D array of weights weights = cat(normalize.(orbits)..., dims=3) # try visualizing each pixel based on the difference between its # minimum value and maximum value across all of the orbit count layers. # there are other approaches; this is a simple one to start with. A = normalize(maximum(weights, dims=3) .- minimum(weights, dims=3)) # we're going to use the LCH color space. # lightness goes from 0-100 L = 100(1 .- A) # contrast goes from 0-300ish C = 300A # hue cycles with a period of 360 degrees H = 360normalize(sum(weights .^ 3, dims=3)) # create an array of colors by combining our lightness, contrast, and hue colors = RGBA.(LCHuv.(L, C, H), 1) # we want to return a 2D array. By this point our array is # width × height × 1, so we can just drop the third dimension dropdims(colors, dims=3) end # visualize the six orbit count matrices we computed visualize(orbits) `33:[{"id":"d237ca2137a937dbf4079ef57454aa37375f49504a848c1fa3907a1e1c7cd491ce07e96e369ddaf31b017ea0e19acbb23ea34a4924bce64d5133239161a45b44","href":"https://static.observableusercontent.com/files/d237ca2137a937dbf4079ef57454aa37375f49504a848c1fa3907a1e1c7cd491ce07e96e369ddaf31b017ea0e19acbb23ea34a4924bce64d5133239161a45b44","name":"out_5.png","type":"image/png","lastModified":1596078365341.169,"size":2279451},{"id":"817b5aa8f5993971258692d21e69c7e4103ff12a7564e15575ea9875b17c455e938d75541c8a23b6ce460442a29184182e3ff70e2ab5959d2894baf1b385f67d","href":"https://static.observableusercontent.com/files/817b5aa8f5993971258692d21e69c7e4103ff12a7564e15575ea9875b17c455e938d75541c8a23b6ce460442a29184182e3ff70e2ab5959d2894baf1b385f67d","name":"d237ca2137a937dbf4079ef57454aa37375f49504a848c1fa3907a1e1c7cd491ce07e96e369ddaf31b017ea0e19acbb23ea34a4924bce64d5133239161a45b44.png","type":"image/png","lastModified":1596078365341.169,"size":918389},{"id":"9bc83b4519cf4c4214a69f355345ba0240a397bcf38c7537b839961f0fcae67f3c3b3d9e00b0e0e8f108adfdb008248bf026f88d7a7803e42c01dffce3ae6872","href":"https://static.observableusercontent.com/files/9bc83b4519cf4c4214a69f355345ba0240a397bcf38c7537b839961f0fcae67f3c3b3d9e00b0e0e8f108adfdb008248bf026f88d7a7803e42c01dffce3ae6872","name":"out_4.png","type":"image/png","lastModified":1596078365341.169,"size":1970299},{"id":"7e2a20c6804f0bb66bdb18c6bcd63a29fce597850b08f641e32661056d13b70cc03f0b162c9bd7486a56ceef574bafd0bd261883548643a681d100a0a8808868","href":"https://static.observableusercontent.com/files/7e2a20c6804f0bb66bdb18c6bcd63a29fce597850b08f641e32661056d13b70cc03f0b162c9bd7486a56ceef574bafd0bd261883548643a681d100a0a8808868","name":"9bc83b4519cf4c4214a69f355345ba0240a397bcf38c7537b839961f0fcae67f3c3b3d9e00b0e0e8f108adfdb008248bf026f88d7a7803e42c01dffce3ae6872.png","type":"image/png","lastModified":1596078365341.169,"size":1032612},{"id":"0cb760dae761bdf66121e03a2748dc2fb4a4067f81ee73d977047ec7e5d2075a24ef8b7d8aacd1924b19e22a8258ec798e4cd0ee9b08359fdc4de2a08ff433b4","href":"https://static.observableusercontent.com/files/0cb760dae761bdf66121e03a2748dc2fb4a4067f81ee73d977047ec7e5d2075a24ef8b7d8aacd1924b19e22a8258ec798e4cd0ee9b08359fdc4de2a08ff433b4","name":"out_v2-1.png","type":"image/png","lastModified":1596078365341.169,"size":4189105},{"id":"019d71029bc2063dde9130d6fcd95b3f71c44c3cb76b0806ec8806df1fa48c2bc1f3b5ecdafb2c4df85d556f631278fbd487cc1c7644aecf30642036b76d162c","href":"https://static.observableusercontent.com/files/019d71029bc2063dde9130d6fcd95b3f71c44c3cb76b0806ec8806df1fa48c2bc1f3b5ecdafb2c4df85d556f631278fbd487cc1c7644aecf30642036b76d162c","name":"0cb760dae761bdf66121e03a2748dc2fb4a4067f81ee73d977047ec7e5d2075a24ef8b7d8aacd1924b19e22a8258ec798e4cd0ee9b08359fdc4de2a08ff433b4.png","type":"image/png","lastModified":1596078365341.169,"size":462981},{"id":"eee7f1d575226626cab4bc577f68add602896affc74e76d58dcb08034c3f57e0fa14fa26910d5486fe620e1a35e31ba2c556d3d86fb430f947d43fbf3d578f78","href":"https://static.observableusercontent.com/files/eee7f1d575226626cab4bc577f68add602896affc74e76d58dcb08034c3f57e0fa14fa26910d5486fe620e1a35e31ba2c556d3d86fb430f947d43fbf3d578f78","name":"out_v4.png","type":"image/png","lastModified":1596078365341.169,"size":2655340},{"id":"141cfa3fdf806158fd967932dba5aeccdd1378e88df62bac4e5f56b6504298e5018d4774b39981314c94d3297968a1d743f9b82d06408d46a90d91a27dc5a4bb","href":"https://static.observableusercontent.com/files/141cfa3fdf806158fd967932dba5aeccdd1378e88df62bac4e5f56b6504298e5018d4774b39981314c94d3297968a1d743f9b82d06408d46a90d91a27dc5a4bb","name":"out_v3.png","type":"image/png","lastModified":1596078365341.169,"size":4336401},{"id":"47b04fbdcab953dbe5af6f3fb86b255262420afe0a70da22ba46bae647a0ad025cd30413a34dcadb9a01cc05cefd75f3701c363351d46bf9f3a9299aae051e33","href":"https://static.observableusercontent.com/files/47b04fbdcab953dbe5af6f3fb86b255262420afe0a70da22ba46bae647a0ad025cd30413a34dcadb9a01cc05cefd75f3701c363351d46bf9f3a9299aae051e33","name":"141cfa3fdf806158fd967932dba5aeccdd1378e88df62bac4e5f56b6504298e5018d4774b39981314c94d3297968a1d743f9b82d06408d46a90d91a27dc5a4bb.png","type":"image/png","lastModified":1596078365341.169,"size":462552},{"id":"9d4861820ee96418cfb67da96d08790ec7c5f39ed033a55acc5387a1434814169dd2530b7801a9a4288e953f755714100ea922d8a9b385d50403f13a0f781864","href":"https://static.observableusercontent.com/files/9d4861820ee96418cfb67da96d08790ec7c5f39ed033a55acc5387a1434814169dd2530b7801a9a4288e953f755714100ea922d8a9b385d50403f13a0f781864","name":"out_16.png","type":"image/png","lastModified":1596078365341.169,"size":9004897},{"id":"0e07c71ab800f6157cb940b2c08560ea70da8ea862080166a28406d9d7e6d30ed8537e6659e839c4a031e08fd69d3f6e04ca2f3536f763142cc043b4dc3c63ee","href":"https://static.observableusercontent.com/files/0e07c71ab800f6157cb940b2c08560ea70da8ea862080166a28406d9d7e6d30ed8537e6659e839c4a031e08fd69d3f6e04ca2f3536f763142cc043b4dc3c63ee","name":"9d4861820ee96418cfb67da96d08790ec7c5f39ed033a55acc5387a1434814169dd2530b7801a9a4288e953f755714100ea922d8a9b385d50403f13a0f781864.png","type":"image/png","lastModified":1596078365341.169,"size":771848},{"id":"d5d8cdc55718a67e5efd65f74dbaa1c0490e7688601c0aa412f0e8de86633edb249c886cb88a5caee5c088fc151bcbcc3189482f19b9ff313d7b3f9fc24d154b","href":"https://static.observableusercontent.com/files/d5d8cdc55718a67e5efd65f74dbaa1c0490e7688601c0aa412f0e8de86633edb249c886cb88a5caee5c088fc151bcbcc3189482f19b9ff313d7b3f9fc24d154b","name":"pngout@2.png","type":"image/png","lastModified":1596078365341.169,"size":318795},{"id":"5285021cea60fbbf3205195321997bf13ce6f4f94486f714dfef60c88e1da4752fcb920850cd1911eafdecacbe7679950ae81274b5d0f2b1077b2a200836c081","href":"https://static.observableusercontent.com/files/5285021cea60fbbf3205195321997bf13ce6f4f94486f714dfef60c88e1da4752fcb920850cd1911eafdecacbe7679950ae81274b5d0f2b1077b2a200836c081","name":"out_10.png","type":"image/png","lastModified":1596078365341.169,"size":2147599},{"id":"2037ca505c62194f889afdbb87a7acce855d3a34fcc8fbbff7d467a0631cbb9bf851e85e2ae00c7a410511c8b3950a2e93610399ba24cc99dbca32be6442a769","href":"https://static.observableusercontent.com/files/2037ca505c62194f889afdbb87a7acce855d3a34fcc8fbbff7d467a0631cbb9bf851e85e2ae00c7a410511c8b3950a2e93610399ba24cc99dbca32be6442a769","name":"5285021cea60fbbf3205195321997bf13ce6f4f94486f714dfef60c88e1da4752fcb920850cd1911eafdecacbe7679950ae81274b5d0f2b1077b2a200836c081.png","type":"image/png","lastModified":1596078365341.169,"size":955700},{"id":"982d79c6e627ba00ef21c16dd61b009a65da203d5f416af77e6d8d53f3db63a25e4c48ab781f9892b2fc6bd674f8c2294f17adf6ff38ca0325c2c969703ef098","href":"https://static.observableusercontent.com/files/982d79c6e627ba00ef21c16dd61b009a65da203d5f416af77e6d8d53f3db63a25e4c48ab781f9892b2fc6bd674f8c2294f17adf6ff38ca0325c2c969703ef098","name":"out_12.png","type":"image/png","lastModified":1596078365341.169,"size":2410976},{"id":"39edfa85fc32685bb635ba8c457362cc4f09818c3aa595d06f4e8430805c6dd2de0c836c677a4bb8d54476491670484485a1ac1e0ed842b8fc75e3abe6b02127","href":"https://static.observableusercontent.com/files/39edfa85fc32685bb635ba8c457362cc4f09818c3aa595d06f4e8430805c6dd2de0c836c677a4bb8d54476491670484485a1ac1e0ed842b8fc75e3abe6b02127","name":"982d79c6e627ba00ef21c16dd61b009a65da203d5f416af77e6d8d53f3db63a25e4c48ab781f9892b2fc6bd674f8c2294f17adf6ff38ca0325c2c969703ef098.png","type":"image/png","lastModified":1596078365341.169,"size":1072892},{"id":"900bb6722957cb991912cbb7198136a0fb0e0886591b65b494ab2e16612d49309082fd561bf5443c556b33ce5335ec49b07a8c4d475bebd10b8d1fe3fa4ca298","href":"https://static.observableusercontent.com/files/900bb6722957cb991912cbb7198136a0fb0e0886591b65b494ab2e16612d49309082fd561bf5443c556b33ce5335ec49b07a8c4d475bebd10b8d1fe3fa4ca298","name":"out_11.png","type":"image/png","lastModified":1596078365341.169,"size":2509253},{"id":"b36f76312ae971055203c094f419aa6b9c44e10dc6a2fd24572e8cf5e76d265a2e821efa8fa5ecc165741f3c0397b92bff3200deb5866f2fdc9ef687321f902b","href":"https://static.observableusercontent.com/files/b36f76312ae971055203c094f419aa6b9c44e10dc6a2fd24572e8cf5e76d265a2e821efa8fa5ecc165741f3c0397b92bff3200deb5866f2fdc9ef687321f902b","name":"900bb6722957cb991912cbb7198136a0fb0e0886591b65b494ab2e16612d49309082fd561bf5443c556b33ce5335ec49b07a8c4d475bebd10b8d1fe3fa4ca298.png","type":"image/png","lastModified":1596078365341.169,"size":1077268},{"id":"d77a0c502d75e3c37bfcaa402e0eeff1dd86d2bb5f1c32fe3553e2961cc54201cf65a40e631f0b474234b29005758348b4c1479e5665dc768a316d2b08718e13","href":"https://static.observableusercontent.com/files/d77a0c502d75e3c37bfcaa402e0eeff1dd86d2bb5f1c32fe3553e2961cc54201cf65a40e631f0b474234b29005758348b4c1479e5665dc768a316d2b08718e13","name":"out_20.png","type":"image/png","lastModified":1596078365341.169,"size":1865388},{"id":"d7e350419179b10e89574490bdb01097cd746801a53289ef811e880c4751a0457f598e74cb1677d31b65c0ee935f1702fbc48400657c9f7a6135e9ca0b74b818","href":"https://static.observableusercontent.com/files/d7e350419179b10e89574490bdb01097cd746801a53289ef811e880c4751a0457f598e74cb1677d31b65c0ee935f1702fbc48400657c9f7a6135e9ca0b74b818","name":"d77a0c502d75e3c37bfcaa402e0eeff1dd86d2bb5f1c32fe3553e2961cc54201cf65a40e631f0b474234b29005758348b4c1479e5665dc768a316d2b08718e13.png","type":"image/png","lastModified":1596078365341.169,"size":914434},{"id":"4f8f0b9f5f28b71398af891e8d17e105bf2b8849c3be49a2763fc557f036d3a347c7f77fadb21234c769b51c0ff7a9758cffe43b41312493da3974cdf39a428c","href":"https://static.observableusercontent.com/files/4f8f0b9f5f28b71398af891e8d17e105bf2b8849c3be49a2763fc557f036d3a347c7f77fadb21234c769b51c0ff7a9758cffe43b41312493da3974cdf39a428c","name":"out_6.png","type":"image/png","lastModified":1596078365341.169,"size":1785479},{"id":"30cd123c463e44a59e5005672806b1e0d0e5af521b0d27ad6dd0f30713b7e95eb0a5ea5b9b403fa45067e84b621dd85ce182f4714b596e8d4d9b41775448e74a","href":"https://static.observableusercontent.com/files/30cd123c463e44a59e5005672806b1e0d0e5af521b0d27ad6dd0f30713b7e95eb0a5ea5b9b403fa45067e84b621dd85ce182f4714b596e8d4d9b41775448e74a","name":"4f8f0b9f5f28b71398af891e8d17e105bf2b8849c3be49a2763fc557f036d3a347c7f77fadb21234c769b51c0ff7a9758cffe43b41312493da3974cdf39a428c.png","type":"image/png","lastModified":1596078365341.169,"size":1002621},{"id":"bc222b252e93bd4df1305eda4c86cbafc26a76bee379f16ef5932b624a97e7f4c70ba649ecacbc11f42bbf0a10020abe145633f4eb7dbe428dddb6a244565594","href":"https://static.observableusercontent.com/files/bc222b252e93bd4df1305eda4c86cbafc26a76bee379f16ef5932b624a97e7f4c70ba649ecacbc11f42bbf0a10020abe145633f4eb7dbe428dddb6a244565594","name":"v4.png","type":"image/png","lastModified":1596078365341.169,"size":7872678},{"id":"668fadbb5d7752661caa329e6fbedc7380d75cd2ca3f15897f03a723709f85dbec1b17671126f7912fe90437082493da3a92acc5b5b9059bd4a89a561c789d19","href":"https://static.observableusercontent.com/files/668fadbb5d7752661caa329e6fbedc7380d75cd2ca3f15897f03a723709f85dbec1b17671126f7912fe90437082493da3a92acc5b5b9059bd4a89a561c789d19","name":"861a603f-fbd1-4db5-8764-b2d69611b221.png","type":"image/png","lastModified":1596078365341.169,"size":877857},{"id":"02e80db82e1d077a989074ef9371b05df39ac7c272db90d6586ff5f8b1feb9a16315d68a72b92f54b77748c6591b96a154dfa0c3c2ce463d201703384a0cde23","href":"https://static.observableusercontent.com/files/02e80db82e1d077a989074ef9371b05df39ac7c272db90d6586ff5f8b1feb9a16315d68a72b92f54b77748c6591b96a154dfa0c3c2ce463d201703384a0cde23","name":"out_3.png","type":"image/png","lastModified":1596078365341.169,"size":8525774},{"id":"7ab4fa2032804d987731b4faff238334b85be310f4e3c733e31296f04fcd0e651a04eba5b569fad24876cfd22c90c0969a7773242926f4f92c0e52b3f5e07a23","href":"https://static.observableusercontent.com/files/7ab4fa2032804d987731b4faff238334b85be310f4e3c733e31296f04fcd0e651a04eba5b569fad24876cfd22c90c0969a7773242926f4f92c0e52b3f5e07a23","name":"02e80db82e1d077a989074ef9371b05df39ac7c272db90d6586ff5f8b1feb9a16315d68a72b92f54b77748c6591b96a154dfa0c3c2ce463d201703384a0cde23.png","type":"image/png","lastModified":1596078365341.169,"size":770573},{"id":"e3065b69648462b2ed8b8315f370487425bd60afe7f9a651905038b206f4da6c501cd2b9b9f55ac264243055adbc5da80616bd350b96310edd09b2310fd0ff75","href":"https://static.observableusercontent.com/files/e3065b69648462b2ed8b8315f370487425bd60afe7f9a651905038b206f4da6c501cd2b9b9f55ac264243055adbc5da80616bd350b96310edd09b2310fd0ff75","name":"eee7f1d575226626cab4bc577f68add602896affc74e76d58dcb08034c3f57e0fa14fa26910d5486fe620e1a35e31ba2c556d3d86fb430f947d43fbf3d578f78.png","type":"image/png","lastModified":1596078365341.169,"size":647176},{"id":"339be5e0150598c049b37c90d5502b9c5d6a44cb276502c6c4289db118e5e296f0bb74a832fadf38bb0cf17082e540dddd30066c4ff51da28c8a82076fb6a088","href":"https://static.observableusercontent.com/files/339be5e0150598c049b37c90d5502b9c5d6a44cb276502c6c4289db118e5e296f0bb74a832fadf38bb0cf17082e540dddd30066c4ff51da28c8a82076fb6a088","name":"out_13.png","type":"image/png","lastModified":1596078365341.169,"size":9287267},{"id":"e3cd58be5891f8956d6b0da564aae6f38cfbc640f529e1b435fb8198c85247c93bd920fd198c26ce636cecf2a524091f244f1fd9ec9ae0add6d1a5b586432fc7","href":"https://static.observableusercontent.com/files/e3cd58be5891f8956d6b0da564aae6f38cfbc640f529e1b435fb8198c85247c93bd920fd198c26ce636cecf2a524091f244f1fd9ec9ae0add6d1a5b586432fc7","name":"339be5e0150598c049b37c90d5502b9c5d6a44cb276502c6c4289db118e5e296f0bb74a832fadf38bb0cf17082e540dddd30066c4ff51da28c8a82076fb6a088.png","type":"image/png","lastModified":1596078365341.169,"size":751832},{"id":"3b10a27c81764d79a7dc06337824b390131556177da972bf163b93996d42eeb5325ee7718215da85108d2137b1506bcbe09e0d4bfa4089579407825ad00cb1fc","href":"https://static.observableusercontent.com/files/3b10a27c81764d79a7dc06337824b390131556177da972bf163b93996d42eeb5325ee7718215da85108d2137b1506bcbe09e0d4bfa4089579407825ad00cb1fc","name":"out_15.png","type":"image/png","lastModified":1596078365341.169,"size":9431180},{"id":"c36e3b2fd69dbe4269e4a5baf5370929368a6854d3406b3f46b55e62a8fc8b908f1bcd9bafff683d8c9ba25ba9b23c62df4ec11ab7a5830f2f2684cf92ceb87b","href":"https://static.observableusercontent.com/files/c36e3b2fd69dbe4269e4a5baf5370929368a6854d3406b3f46b55e62a8fc8b908f1bcd9bafff683d8c9ba25ba9b23c62df4ec11ab7a5830f2f2684cf92ceb87b","name":"3b10a27c81764d79a7dc06337824b390131556177da972bf163b93996d42eeb5325ee7718215da85108d2137b1506bcbe09e0d4bfa4089579407825ad00cb1fc.png","type":"image/png","lastModified":1596078365341.169,"size":769401}] 2f:{"id":"51d70c29e2e91608","slug":"orbiting-the-henon-attractor","title":"Orbiting the Hénon Attractor","thumbnail":"bd4a623dc64b1512a05bce2075aa02695fed72822b04cdb72282e8cfcf790d26","access_level":"public","create_time":"$D2020-07-30T03:06:05.341Z","update_time":"$D2022-02-12T03:22:46.849Z","view_time":null,"first_public_time":"$D2020-07-30T18:21:16.298Z","fork":true,"stars":35,"starred":false,"owner":{"type":"team","id":"106fc7e7a0f11e48","login":"yurivish","name":"Yuri Vishnevsky","avatar_url":"https://avatars-next.observableusercontent.com/c0c68df86cdf3364fbb25a90d00bb51b5aa7308a1ba7de3fa44d1ae591054612","tier":"starter_2024"},"version":3631,"publish_version":3631,"role":null,"authored":false,"authors":[{"type":"individual","id":"de2630f386f3cdb1","login":"yurivish","name":"Yuri Vishnevsky","avatar_url":"https://avatars-next.observableusercontent.com/c0c68df86cdf3364fbb25a90d00bb51b5aa7308a1ba7de3fa44d1ae591054612","tier":null}],"members":[{"type":"individual","id":"de2630f386f3cdb1","login":"yurivish","name":"Yuri Vishnevsky","avatar_url":"https://avatars-next.observableusercontent.com/c0c68df86cdf3364fbb25a90d00bb51b5aa7308a1ba7de3fa44d1ae591054612","tier":null,"role":"editor"}],"comments":[{"id":"a81c6ff121ad74a5","reply_to_id":null,"content":"Is this cell intended for the thumbnail image? And by side-effect also look nice to break up the appendix?","create_time":"$D2020-08-04T16:40:39.058Z","update_time":null,"resolved":true,"user":{"type":"individual","id":"dbf69c13a14d2f62","login":"visnup","name":"Visnu Pitiyanuvath","avatar_url":"https://avatars-next.observableusercontent.com/b847c4c49993b1df7599d355f47dc0ad9c2dcf43439ce9e8f3410e6368b3aac9","tier":null}},{"id":"dad5a6f6ec94acd0","reply_to_id":"a81c6ff121ad74a5","content":"Hi Visnu, I'm not sure what you mean — can you elaborate?\n\nThis image is a thin 2000x60px image, intended to mark the end of the main content section. The thumbnail is a separate image that I edited to touch up the colors and be precisely the right size (the rest of the images here are direct outputs from code).","create_time":"$D2020-08-04T17:07:17.560Z","update_time":null,"resolved":true,"user":{"type":"individual","id":"de2630f386f3cdb1","login":"yurivish","name":"Yuri Vishnevsky","avatar_url":"https://avatars-next.observableusercontent.com/c0c68df86cdf3364fbb25a90d00bb51b5aa7308a1ba7de3fa44d1ae591054612","tier":null}},{"id":"7e537ad15cefe0c9","reply_to_id":"a81c6ff121ad74a5","content":"Ah! As a break, it's a nice touch. I thought maybe it was somehow intended or being used to trick the thumbnailer into using it somehow as the thumbnail image.","create_time":"$D2020-08-05T17:52:27.632Z","update_time":null,"resolved":true,"user":{"type":"individual","id":"dbf69c13a14d2f62","login":"visnup","name":"Visnu Pitiyanuvath","avatar_url":"https://avatars-next.observableusercontent.com/b847c4c49993b1df7599d355f47dc0ad9c2dcf43439ce9e8f3410e6368b3aac9","tier":null}},{"id":"2a550845f116f7bc","reply_to_id":null,"content":"Really cool images! Love your work!","create_time":"$D2020-08-07T15:09:07.289Z","update_time":null,"resolved":true,"user":{"type":"individual","id":"4374e963674d7a0f","login":"a-poor","name":"Austin Poor","avatar_url":"https://avatars-next.observableusercontent.com/6698449cf180309c9ae8a3839ce9a1d4633611a0f6de0eab57d9cc4ae67ff9c1","tier":null}},{"id":"143abf728d988ae2","reply_to_id":"2a550845f116f7bc","content":"Thanks!","create_time":"$D2020-08-07T15:43:01.419Z","update_time":null,"resolved":true,"user":{"type":"individual","id":"de2630f386f3cdb1","login":"yurivish","name":"Yuri Vishnevsky","avatar_url":"https://avatars-next.observableusercontent.com/c0c68df86cdf3364fbb25a90d00bb51b5aa7308a1ba7de3fa44d1ae591054612","tier":null}}],"custom_thumbnail":true,"trashed":false,"subscribed":null,"forks":2,"collection":null,"type":"notebook","body":{"title":"Orbiting the Hénon Attractor","cells":[{"id":2672,"value":"md`# Orbiting the Hénon Attractor`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":0,"value":"md`\nThe [Hénon strange attractor](https://mathworld.wolfram.com/HenonMap.html) is a system of two simple equations that gives rise to chaotic behavior. \n\nI first encountered Jared Tarbell's\n[beautiful visualizations](http://www.complexification.net/gallery/machines/henonPhaseDeep/) of the attractor many years ago and recently explored making my own pictures using my favorite programming language at the time, [Julia](https://julialang.org).\n`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":2386,"value":"md`Here's a gallery of the most interesting pictures I created along the way. The code for these is described at the bottom of the post.\n\nClick on any picture to see it in full resolution.\n`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":2388,"value":"renderRows(\n [\n [\n FileAttachment(\n \"3b10a27c81764d79a7dc06337824b390131556177da972bf163b93996d42eeb5325ee7718215da85108d2137b1506bcbe09e0d4bfa4089579407825ad00cb1fc.png\"\n ),\n FileAttachment(\"out_15.png\")\n ],\n [\n FileAttachment(\n \"339be5e0150598c049b37c90d5502b9c5d6a44cb276502c6c4289db118e5e296f0bb74a832fadf38bb0cf17082e540dddd30066c4ff51da28c8a82076fb6a088.png\"\n ),\n FileAttachment(\"out_13.png\")\n ],\n [\n FileAttachment(\n \"9d4861820ee96418cfb67da96d08790ec7c5f39ed033a55acc5387a1434814169dd2530b7801a9a4288e953f755714100ea922d8a9b385d50403f13a0f781864.png\"\n ),\n FileAttachment(\"out_16.png\")\n ]\n ],\n 'Color variations made by generating several layers of orbits and compositing them together.'\n)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":2604,"value":"renderRows(\n [\n [\n FileAttachment(\n \"141cfa3fdf806158fd967932dba5aeccdd1378e88df62bac4e5f56b6504298e5018d4774b39981314c94d3297968a1d743f9b82d06408d46a90d91a27dc5a4bb.png\"\n ),\n FileAttachment(\"out_v3.png\")\n ],\n [\n FileAttachment(\n \"eee7f1d575226626cab4bc577f68add602896affc74e76d58dcb08034c3f57e0fa14fa26910d5486fe620e1a35e31ba2c556d3d86fb430f947d43fbf3d578f78.png\"\n ),\n FileAttachment(\"out_v4.png\")\n ],\n [\n FileAttachment(\n \"0cb760dae761bdf66121e03a2748dc2fb4a4067f81ee73d977047ec7e5d2075a24ef8b7d8aacd1924b19e22a8258ec798e4cd0ee9b08359fdc4de2a08ff433b4.png\"\n ),\n FileAttachment(\"out_v2-1.png\")\n ]\n ],\n html`Variations in blue, including a headless gingerbread man. It turns out there is an unrelated gingerbread man attractor.`\n)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":2582,"value":"renderRows(\n [\n [\n FileAttachment(\n \"9bc83b4519cf4c4214a69f355345ba0240a397bcf38c7537b839961f0fcae67f3c3b3d9e00b0e0e8f108adfdb008248bf026f88d7a7803e42c01dffce3ae6872.png\"\n ),\n FileAttachment(\"out_4.png\")\n ],\n [\n FileAttachment(\n \"d237ca2137a937dbf4079ef57454aa37375f49504a848c1fa3907a1e1c7cd491ce07e96e369ddaf31b017ea0e19acbb23ea34a4924bce64d5133239161a45b44.png\"\n ),\n FileAttachment(\"out_5.png\")\n ],\n [\n FileAttachment(\n \"02e80db82e1d077a989074ef9371b05df39ac7c272db90d6586ff5f8b1feb9a16315d68a72b92f54b77748c6591b96a154dfa0c3c2ce463d201703384a0cde23.png\"\n ),\n FileAttachment(\"out_3.png\")\n ]\n ],\n 'Close-up zooms of peaceful swooshy swirls.'\n)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":2597,"value":"renderRows(\n [\n [\n FileAttachment(\"861a603f-fbd1-4db5-8764-b2d69611b221.png\"),\n FileAttachment(\"v4.png\")\n ],\n [\n FileAttachment(\n \"4f8f0b9f5f28b71398af891e8d17e105bf2b8849c3be49a2763fc557f036d3a347c7f77fadb21234c769b51c0ff7a9758cffe43b41312493da3974cdf39a428c.png\"\n ),\n FileAttachment(\"out_6.png\")\n ],\n [\n FileAttachment(\n \"d77a0c502d75e3c37bfcaa402e0eeff1dd86d2bb5f1c32fe3553e2961cc54201cf65a40e631f0b474234b29005758348b4c1479e5665dc768a316d2b08718e13.png\"\n ),\n FileAttachment(\"out_20.png\")\n ]\n ],\n html`Exporing a larger zoom of one of the regions in Jared Tarell's Henon Phase Deep.`\n)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":2591,"value":"renderRows(\n [\n [\n FileAttachment(\n \"900bb6722957cb991912cbb7198136a0fb0e0886591b65b494ab2e16612d49309082fd561bf5443c556b33ce5335ec49b07a8c4d475bebd10b8d1fe3fa4ca298.png\"\n ),\n FileAttachment(\"out_11.png\")\n ],\n [\n FileAttachment(\n \"982d79c6e627ba00ef21c16dd61b009a65da203d5f416af77e6d8d53f3db63a25e4c48ab781f9892b2fc6bd674f8c2294f17adf6ff38ca0325c2c969703ef098.png\"\n ),\n FileAttachment(\"out_12.png\")\n ],\n [\n FileAttachment(\n \"5285021cea60fbbf3205195321997bf13ce6f4f94486f714dfef60c88e1da4752fcb920850cd1911eafdecacbe7679950ae81274b5d0f2b1077b2a200836c081.png\"\n ),\n FileAttachment(\"out_10.png\")\n ]\n ],\n 'Color variations using palettes from photographs.'\n)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":3104,"value":"md`---`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":2696,"value":"md`# Behind the Scenes\n\nHere's the [Julia](https://julialang.org) code that I wrote to explore this system.\n\n### 1. Introducing the attractor`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":2256,"value":"md`\nTo explore a chaotic attractor we need to define it in code. The Hénon map has an angle parameter ${tex`\\alpha`} so we define \\`henon(α)\\` to return the attractor function for that angle.\n`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":2252,"value":"jl`\n# define the attractor\nfunction henon(α)\n c = cos(α)\n s = sin(α)\n attractor((x, y)) = (x*c - (y - x^2)*s, x*s + (y - x^2)*c)\nend\n`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":2321,"value":"md`\nWe'll also need some utilities to help us along the way.\n\nFirst, a function to generate random points ${tex`(x, y)`} within our specified bounds, so that we can create detailed zoom images of specific parts of the phase space.\n`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":2279,"value":"jl`\n# randomly initialize an point within our bounds, then\n# iterate it a few times to remove initial noisy jumps\nfunction init(h, (xlo, xhi), (ylo, yhi))\n init_x = xlo + (xhi - xlo)rand()\n init_y = ylo + (yhi - ylo)rand()\n p = (init_x, init_y)\n for _ in 1:100\n p = h(p)\n end\n p\nend\n`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":2319,"value":"md`Second, a linear scale function, similar to [d3.*scaleLinear*](https://observablehq.com/@d3/d3-scalelinear), which interpolates values in the interval ${tex`(lo, hi)`} to produce integers from ${tex`1`} to ${tex`n`} that we can use for array indexing.`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":2304,"value":"jl`\n# map from continuous (lo, hi) to integer 1:n\nfunction lerp((lo, hi), n)\n @assert lo < hi\n x -> 1 + round(Int, (x - lo) / (hi - lo) * (n - 1))\nend`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":2327,"value":"md`Finally, a simple \\`fuzz\\` function to randomly jitter points. This technique is responsible for the organic/analog feeling of the images, particularly in deep zooms.`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":2308,"value":"jl`fuzz(x, amount) = x + amount * (rand() - 0.5)`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":2499,"value":"md`## 2. Computing orbits\n\nNow we get to the heart of the system — it samples Hénon orbits and returns a 2D array of counts indicating how many times each pixel bin was visited by an orbit.\n`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":13,"value":"$31","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":2912,"value":"md`## 3. Making pictures`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":2917,"value":"md`\nNext, let's generate six 1,000 × 1,000 arrays of orbit counts to visualize:`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":659,"value":"jl`\norbits = [\n orbit_counts(\n 1.5957,\n sz = 1000,\n n_samples = 1_000_000,\n max_samples_per_orbit = 100_000,\n x_bounds = (.45, .55),\n y_bounds = (0.05, .15),\n fuzz_factor = 0.0001\n )\n for _ in 1:6\n]\n`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":3233,"value":"md`To make our pictures more interesting we generate multiple \"layers\" of counts and composite them together into the final image. This lets us take advantage of the variation between layers to make our pictures more interesting.`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":2739,"value":"md`To talk about colors and color spaces we're going to use the Julia [Images](https://github.com/JuliaImages/Images.jl) package:`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":2862,"value":"jl`using Images`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":3262,"value":"md`We define one last utility function, after which we're ready to visualize the Hénon attractor:`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":3260,"value":"jl`\n# normalize an array of positive numbers to (0, 1), being\n# careful not to introduce NaNs via division by zero.\nnormalize(A) = A ./ max(1e-6, maximum(A))\n`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":2978,"value":"md`\nFinally, the pièce de résistance! The \\`visualize\\` function takes a collection of 2D orbit arrays as input and produces an image as output:\n`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":740,"value":"$32","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":2859,"value":"md`All of the pictures in this post were made with variations of this code.\n\n## Interesting directions\n\n- Use contrast normalization techniques, such as [histogram equalization](https://en.wikipedia.org/wiki/Histogram_equalization), which adjusts an image so that the full range of intensities is equally represented. Julia has a a great implementation in the [ImageContrastAdjustment](https://juliaimages.org/ImageContrastAdjustment.jl/stable/) package.\n\n- Try applying [tone mapping](https://en.wikipedia.org/wiki/Tone_mapping) technques, such as [Reinhard tone mapping](https://bruop.github.io/tonemapping/), for which a simple implementation is ${jl`\n# reinhard tone mapping operator\ntonemap(c, c_white) = c * (1 + c / c_white^2) / (1 + c)\n`}\n\n- Experiment with custom [blend modes](https://en.wikipedia.org/wiki/Blend_modes). Since the \\`visualize\\` function controls compositing, we can use standard blending operations in RGB or write our own.\n`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":3376,"value":"md`That's it. If you make something cool, [let me know](mailto:yurivish@gmail.com)!\n\nYuri Vishnevsky
July 2020`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":3524,"value":"FileAttachment(\"pngout@2.png\").image()","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":3341,"value":"md`---`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":3389,"value":"// Sleep a bit to avoid recomputing with every jl`` evaluation\nPromises.delay(200).then(\n () => md`\n## Appendix: Julia code\n\nHere's the full code from this post.\n\n~~~julia\n${\n // for robustness against evaluation order, which we assume is sequential\n // but may be (and in practice is) reversed:\n (jlCache.findIndex(d => d.startsWith('# define the attractor')) == 0\n ? jlCache\n : Array.from(jlCache).reverse()\n ).join('\\n\\n')\n}\n~~~\n`\n)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":3428,"value":"md`---`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":3320,"value":"md`## Appendix: Internals\n\n`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":2390,"value":"renderRows = async (files, caption) => html`

${await Promise.all(\n files.map(([lowRes, highRes]) =>\n renderImage(lowRes, width / 3, highRes.url())\n )\n)}\n

${caption}

`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":2414,"value":"renderImage = async (file, width, url = file.url()) =>\n html`${await file\n .image()\n .then(\n image => (((image.loading = 'lazy'), (image.width = width)), image)\n )}`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":2566,"value":"html`