Giter Club home page Giter Club logo

streamlit-mpl-svg's Introduction

Hi there, I'm Anas 👋

A little about me...

  • 🔭 I’m currently exploring the exciting realms of React and UI design, combining my passion for frontend development with creating beautiful and intuitive user interfaces.
  • 🌱 I’m currently learning about the various ways other creative minds are using threejs to create fresh and engaging user experiences.
  • 👯 I’m looking to collaborate on further developing rhp, a charting component library built entirely in React and designed with web devs in mind.
  • 💬 Ask me about designing and developing in-house and open-source tools for developers and scientists alike, with a focus on Data Visualization 📊.

Languages and tools I have used before (or am currently using) include...

Backend

Python Java C++ Node.js PHP Octave

Frontend

HTML5 CSS3 SASS TailwindCSS JavaScript TypeScript React Threejs Next JS Astro

Packaging

NPM RollupJS Webpack

My Github stats...

bouzidanas's Stats

bouzidanas's Streak

bouzidanas's Top Languages

streamlit-mpl-svg's People

Stargazers

avatar

Watchers

avatar

Forkers

aideatext

streamlit-mpl-svg's Issues

Enable CSS transitions for moving plot points

Overview

There is no way to add transitions to point elements that move around inside the plot area. This includes any points that are tied to a line (are drawn with the line). Currently, when transitions are added, lines will move smoothly to next arrangement but, the points on the line will just jump to next positions.

Proposed changes

This likely requires a few changes:

  • add x and y properties to CSS transition properties
  • make class names or id's given to transition-capable elements more stable so that when other parts of the SVG changes, the names in other parts are not effected.
    • one strategy is to use the SVG element position in the DOM tree to generate more stable names
  • add point elements to transition dictionary

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.