Giter Club home page Giter Club logo

henon-map's Introduction

Henon-Map

Wikipedia:

The Hénon map is a discrete-time dynamical system. It is one of the most studied examples of dynamical systems that exhibit chaotic behavior. The Hénon map takes a point (xn, yn) in the plane and maps it to a new point.

wiki-formula

Most areas of the map are boring. So there is a map of "coolness" in the background which highlighting some interesting areas. This map was drawn by specific empiric "coolness formula". It can help you to explore the original Henon Map plot.

screenshot

henon-map's People

Contributors

tandav avatar

Stargazers

 avatar

Watchers

 avatar  avatar

henon-map's Issues

Features / TODO

  • Start w/ pixels but then add resizable charts responsive charts d3 - Google Search
    • responsive svg, viewbox
    • на мобиле - просто показывать один график xy_plot
  • when change by sliders show (a, b) pointer on a plot
  • litlle documentation online
    • in my own simple words
  • KaTex formulas (Khan Academy)
  • В будущем добавить возможность строить свои формулы
  • ability to edit initial [x0, y0]
  • add scale sliders (zoom)
  • checkbox: show axes
  • Numeric UpDown for better precision
  • ability to tweet picture ?
  • у меня типа просто удаляются старые точки и рисуются новые, это типа вообще зашквар по производительности (DOM redraw). Юзай / Гугли D3 Update
  • simplify script.js (use functions)
  • probably xn and yn plots works with bugs (they seems equal)
    • to compare draw x(n) and y(n) on one chart with different colors
  • add labels for axes
  • Disable mouse-hover button
  • Мб отдельный XY controller для a, b? Просто ща на одном вместе с xy и при зуме могут быть проблемы. Можно типа один просто mouse_move, другой mouse_move с нажатием
  • мб add control by arrow keys
  • del useless arr {}
  • походу нужно переделать на canvas for better performance

Future

  • render more points when zoom
    • сложно, потому что формула не позволяет просчитать конкретную область. Можно просто если "простой CPU" / stable ab - просчитывать в фоне и добавлять точки. Но когда меняешь ab - для скорости работы брать меньше точек (200-300)
  • More consistent coloring (design)

Bugs

  • fix margins and axis margins

Afterall

  • залить на http://bl.ocks.org
  • залить пару видюх на yt (like a demo )
  • release on HN, reddit

Make xy_plot axes zoomable

Now they like ab_plot axes: have constant location at left and top sides of plot. Try to add gridlines

Plain canvas?

There is a thing.

D3.js is designed for data visualisation.

А этот проект тут особо данных нет, чисто математика, есть вар что может проще будет на чистом canvas, хотя d3 тоже с canvas работает норм. Короче разобраться, find out.

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.