SVG with Classes

After creating and using the 4D SVG component, I realized the need to create a more concise, faster, and SVG-like API for managing user interfaces and simplifying SVG image/document manipulation. The main goal was to reduce code complexity for SVG image/document creation and manipulation.

• The svg class simplifies the creation and manipulation of the SVG elements thanks to a set of simple functions and some automatisms, and decrease the number of variables needed.

• The chart class is a very succinct implementation of the SVG chart types I needed. More could be done ;-)

For more details on properties and functions, see the class documentation:

• svg class
• chart class

The content will be augmented according to my needs but I strongly encouraged you to enrich this project through pull request. This can only benefit the 4D developer community.

Top-level directories

This repository includes 3 directories:

• BUILD
  Contains the built and signed distributable artifacts of the component (packaged binaries and embedded docs).

• SVG with Classes
  Component source project: class sources, resources and project files used to develop and build the component.

• Test SVG
  Test project and runnable examples demonstrating how to use the component (code samples and "How do I" guides).

Installation

The component is compatible with the Project Dependencies feature. You can easily integrate it into your project by selecting Design > Project Dependencies and adding vdelachaux/SVG-with-Classes as the repository address in the dedicated dialog box. I suggest setting the rule to “Follow 4D version.” This way, you can benefit from updates over time.

Binary databases

Download the component to the BUILD folder corresponding to your version of 4D and place it in a Component folder near your .4DBfile.

Improvements and bug fixes

• If you encountered a bug or have a feature request, feel free to create an issue. However, it is highly appreciated if you browse and search current issues first. Found the issue? Go on and join its discussion thread. Not found? Go on and create one.

• We welcome contributions to this repository! To contribute, please follow these steps:

  1. Fork the repository.
  2. Create a new branch:

     git checkout -b my-feature-branch
     

  3. Make your changes and commit them:

     git commit -m "Add my feature"
     

  4. Push to the branch:

     git push origin my-feature-branch
     

  5. Create a pull request.

  For more details, please refer to our contributing guidelines.

License

SVG with Classes is licensed under the MIT License See the [LICENSE](./SVG with Classes/LICENSE) file for more details.

Contact

For any questions or inquiries, please contact the repository owner @vdelachaux.

---

Enjoy the 4th dimension