Code Monkey home page Code Monkey logo

henon-map's People

Contributors

tandav avatar

Stargazers

 avatar

Watchers

 avatar  avatar

henon-map's Issues

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.

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

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.