Code Monkey home page Code Monkey logo

charts's Introduction

Hi there I'm Daan Hautekiet 👋

nohty's Discord Nohty | Twitter Nohty's Spotify

I am a software engineer student. I love programming, traveling and gaming.

Talking about Personal Stuffs:

  • 🌱 I’m currently learning Go, Rust and Typescript.
  • 📫 How to reach me: Discord

languages and tools:

Visual Studio Code JavaScript GraphQL Node.js MySQL MongoDB Git GitHub


📈 My GitHub Stats:

Nohty

charts's People

Contributors

nohty avatar xmelow avatar

Stargazers

avatar

Watchers

avatar

charts's Issues

feat: Implement zoom via scroll on graph component

Task

Enable zooming in and out of the graph component using the scroll wheel or trackpad gesture to allow users to explore data points in detail or to see the overall graph structure with ease.

Acceptance Criteria

  1. Users should be able to zoom in by scrolling up or performing a pinch-out gesture on a trackpad.
  2. Users should be able to zoom out by scrolling down or performing a pinch-in gesture on a trackpad.
  3. The zoom feature should center on the cursor's position on the graph to allow for focused exploration of data points.
  4. Provide a zoom reset control to allow users to quickly return to the default zoom level.

docs: Update documentation to reflect recent changes in the project structure and build process

Task

The project documentation needs to be updated to accurately represent the current structure and build processes of both the main charts library and the example subproject following our recent updates and enhancements.

Acceptance Criteria

  1. The documentation should now explain the dual structure of the project, with the main charts library and the example subproject.
  2. Include the updated build scripts and their descriptions:
    • build: Builds the main project using TypeScript compiler.
    • build:watch: Watches for changes in the main project and rebuilds using TypeScript compiler.
    • build:example: Builds the example project which demonstrates usage of the charts library.
    • build:example:watch: Watches for changes in the example project and rebuilds it.
    • build:all: A convenience script to build both the main library and the example project.
  3. Clearly delineate between devDependencies and dependencies, especially highlighting that charts is a local dependency of the example project.
    4 Provide guidance on how to clone and set up the repository for development, including the usage of npm -prefix for building the example project.
  4. Ensure all documentation is clear, concise, and free of jargon for better understanding by new contributors and users.
  5. Review the updated documentation for technical accuracy, grammar, and readability.

Improve Drawing Consistency on Graph Zoom/Movement

Task

Implement enhancements to the graph to maintain drawing consistency during user interactions such as moving or zooming the graph.

Acceptance Criteria

  1. Ensure that drawings remain consistent in appearance during zoom and movement interactions.
  2. Implement a mechanism to maintain the average consistency of the graph's visual elements during interactions.

feat: Add tooltips for graph elements

Task

Enhance the user experience of the graph by implementing tooltips that display data points' information when a user hovers over elements of the graph (e.g., nodes, edges, bars).

Acceptance Criteria

  1. Tooltips should appear on hover-over for all interactive elements of the graph.
  2. The tooltip should display relevant information such as data point name, value, and any additional metadata.
  3. The tooltip feature should be responsive and work on various screen sizes and devices.
  4. Tooltips should not overlap graph elements or obstruct the view of the graph.

feat: convert candlestick to separate class

Task

Convert candlestick-related methods, properties, and logic into a standalone class.

Acceptance Criteria

  1. Creation of a new Candlestick class.
  2. All candlestick-related methods, properties, and functionalities should be moved to the new class.
  3. Update references in the codebase to use the new Candlestick class.

feat: Enable draggable functionality for the graph interface

Task

Implement draggable functionality to enhance the interactivity of the graph interface, allowing users to click and drag to reposition the view of the graph.

Acceptance Criteria

  1. Users should be able to click and drag anywhere on the graph to move the view in any direction.
  2. The graph view should update in real-time as the user drags the mouse.
  3. Ensure there is a way to reset the graph to the original position for user convenience.
  4. The draggable feature should not interfere with other interactive elements of the graph like clicking on nodes or zooming in/out.
  5. The functionality should be smooth and not cause lag or unresponsiveness in the interface.

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.