{"id":27168462,"url":"https://github.com/archange-py/visuel","last_synced_at":"2025-04-09T05:33:36.213Z","repository":{"id":242899895,"uuid":"783402366","full_name":"Archange-py/Visuel","owner":"Archange-py","description":"Flexible library of graphical algorithms in Python, providing mathematical classes such as vectors and points, speed-optimized graphical functions and much more ! It can be used on the Numworks calculator, or on a computer.","archived":false,"fork":false,"pushed_at":"2024-08-05T17:34:12.000Z","size":2413,"stargazers_count":1,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2024-08-05T20:35:16.317Z","etag":null,"topics":["graphics-library","graphics-programming","library","numworks","numworks-calculators","python","visuel"],"latest_commit_sha":null,"homepage":"","language":"Python","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/Archange-py.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2024-04-07T19:38:11.000Z","updated_at":"2024-08-05T17:34:15.000Z","dependencies_parsed_at":"2024-06-05T16:45:16.503Z","dependency_job_id":"38ffd182-e186-472d-ad85-6b61f392cac8","html_url":"https://github.com/Archange-py/Visuel","commit_stats":null,"previous_names":["archange-py/visuel"],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Archange-py%2FVisuel","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Archange-py%2FVisuel/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Archange-py%2FVisuel/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Archange-py%2FVisuel/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/Archange-py","download_url":"https://codeload.github.com/Archange-py/Visuel/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":247987058,"owners_count":21028891,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["graphics-library","graphics-programming","library","numworks","numworks-calculators","python","visuel"],"created_at":"2025-04-09T05:33:34.204Z","updated_at":"2025-04-09T05:33:36.114Z","avatar_url":"https://github.com/Archange-py.png","language":"Python","funding_links":[],"categories":[],"sub_categories":[],"readme":"\u003cp align=\"center\" width=\"100%\"\u003e\n\u003cimg src=\".\\pictures\\assets\\logo\\logo_visuel.png\" alt=\"Visuel\"\u003e\n\u003c/p\u003e\n\n# Visuel\n\n###\nWelcome ! This project is intended for use in conjunction with Kandinsky on a laptop or Numworks calculator. It allows you to add graphical functions, mainly around new drawing functions like line or circle drawing, but also mathematical classes like vectors or points, and much more !\n\n## Table of Contents\n***\n1. [General Info](#general-info)\n2. [How to use it](#how-to-use-it)\n3. [Examples](#examples)\n3. [Tree Fractals](#tree-fractals)\n5. [Extensions](#extensions)\n6. [QR-Codes](#qr-codes)\n7. [FAQs](#faqs)\n\n## General Info\n***\nI recommend that you test the sample files on your computer, as you may be able to increase the speed.\n\nTo install it on the Numworks, we have the choice :  \n1. Just follow this link to the [Numworks website](https://my.numworks.com/python/archange/visuel)  \n\n2. you just need to copy and paste the code from this file: [visuel](Visuel.py) into a new script on your Numworks account. Then upload them to your calculator. \n\n\u003e Here's an example of what you can do with the calculator, using the [example file](visuel_first_example.py). Click [here](https://my.numworks.com/python/archange/example_visuel) to see it on the Numworks website.  \n\n\u003cp align=\"center\" width=\"100%\"\u003e\n\u003cimg src=\".\\pictures\\example_visuel.png\" alt=\"Visuel\"\u003e\n\u003c/p\u003e\n\nIf you have any questions, go to the [FAQs section](#faqs), or explore all the examples [here](#examples) after visiting this [page](#how-to-use-it) to install **kandinsky** and **ion** on your computer !  \n\n## How to use it\n***\nTo use it properly you need to install several python packages on your computer whith the command line:\n\n* [Kandinsky](https://github.com/ZetaMap/Kandinsky-Numworks) :  \n```\npip install kandinsky\n```\n\n* [Ion](https://github.com/ZetaMap/Ion-numworks) :  \n```\npip install --pre ion-numworks\n```\n\nAnd python, of course, [here](https://www.python.org/downloads/) if you don't already have it.\n###\n\u003eYou can change the emulator's OS by pressing \"_CTR+O_\" to increase speed, so you can get the most out of it without seeing everything slow down !\n\n## Examples\n***\nFirst of all, after you're on your computer, you need to start by importing it after installing it in the current directory, and write that on the first line of your project:\n```Python\nfrom visuel import *\n``` \nAfter that, you need to understand how this script is organized, with points and vectors for example, and how it works, with its functions. For this purpose, you have at your disposal one *Jupiter Notebook* containing everything that can be shown in writing for the file [visuel_example](visuel_example.ipynb). Then there are plenty of example files for everything to do with graphics. You can see the results with the following images :\n\n* **Function interpolation** : [example_interpolation.py](/examples/example_interpolation.py)  \n\n\u003ctable\u003e\n    \u003cthead\u003e\n        \u003ctr\u003e\n            \u003cth align=\"center\"\u003eExample 1\u003c/th\u003e\n            \u003cth align=\"center\"\u003eExample 2\u003c/th\u003e\n            \u003cth align=\"center\"\u003eExample 3\u003c/th\u003e\n            \u003cth align=\"center\"\u003eExample 4\u003c/th\u003e\n        \u003c/tr\u003e\n    \u003c/thead\u003e\n    \u003ctbody\u003e\n        \u003ctr\u003e\n            \u003ctd\u003e \u003cimg src=\".\\pictures\\example_interpolate_1.png\"\u003e \u003c/td\u003e\n            \u003ctd\u003e \u003cimg src=\".\\pictures\\example_interpolate_2.png\"\u003e \u003c/td\u003e\n            \u003ctd\u003e \u003cimg src=\".\\pictures\\example_interpolate_3.png\"\u003e \u003c/td\u003e\n            \u003ctd\u003e \u003cimg src=\".\\pictures\\example_interpolate_4.png\"\u003e \u003c/td\u003e\n        \u003c/tr\u003e\n    \u003c/tbody\u003e\n\u003c/table\u003e\n\n* **Function expend** : [example_vectoriel_geometry](/examples/example_vectoriel_geometry.py)\n\n* **Function findWithPoint** : [example_findwithpoint.py](/examples/example_findwithpoint.py)\n\n* **Function alpha_pixel and argument \"alpha\" in draw function** : [example_alpha_layer.py](/examples/example_alpha_layer.py)\n\n\u003e We have to take a number less or equal to 0, and greater or equal to 1 for the alpha parameter\n\n\u003ctable\u003e\n    \u003cthead\u003e\n        \u003ctr\u003e\n            \u003cth align=\"center\"\u003eExample 1\u003c/th\u003e\n            \u003cth align=\"center\"\u003eExample 2\u003c/th\u003e\n        \u003c/tr\u003e\n    \u003c/thead\u003e\n    \u003ctbody\u003e\n        \u003ctr\u003e\n            \u003ctd\u003e \u003cimg src=\".\\pictures\\example_alpha_layer_1.png\"\u003e \u003c/td\u003e\n            \u003ctd\u003e \u003cimg src=\".\\pictures\\example_alpha_layer_2.png\"\u003e \u003c/td\u003e\n        \u003c/tr\u003e\n    \u003c/tbody\u003e\n\u003c/table\u003e\n\n* **Function scatter** : [example_scatter.py](/examples/example_scatter.py)\n\n\u003ctable\u003e\n    \u003cthead\u003e\n        \u003ctr\u003e\n            \u003cth align=\"center\"\u003eExample 1\u003c/th\u003e\n            \u003cth align=\"center\"\u003eExample 2\u003c/th\u003e\n            \u003cth align=\"center\"\u003eExample 3\u003c/th\u003e\n        \u003c/tr\u003e\n    \u003c/thead\u003e\n    \u003ctbody\u003e\n        \u003ctr\u003e\n            \u003ctd\u003e \u003cimg src=\".\\pictures\\example_scatter_1.png\"\u003e \u003c/td\u003e\n            \u003ctd\u003e \u003cimg src=\".\\pictures\\example_scatter_2.png\"\u003e \u003c/td\u003e\n            \u003ctd\u003e \u003cimg src=\".\\pictures\\example_scatter_3.png\"\u003e \u003c/td\u003e\n        \u003c/tr\u003e\n    \u003c/tbody\u003e\n\u003c/table\u003e\n\n* **Function plot** : [example_plot.py](/examples/example_plot.py)\n\n\u003ctable\u003e\n    \u003cthead\u003e\n        \u003ctr\u003e\n            \u003cth align=\"center\"\u003eExample 1\u003c/th\u003e\n            \u003cth align=\"center\"\u003eExample 2\u003c/th\u003e\n            \u003cth align=\"center\"\u003eExample 3\u003c/th\u003e\n        \u003c/tr\u003e\n    \u003c/thead\u003e\n    \u003ctbody\u003e\n        \u003ctr\u003e\n            \u003ctd\u003e \u003cimg src=\".\\pictures\\example_plot_1.png\"\u003e \u003c/td\u003e\n            \u003ctd\u003e \u003cimg src=\".\\pictures\\example_plot_2.png\"\u003e \u003c/td\u003e\n            \u003ctd\u003e \u003cimg src=\".\\pictures\\example_plot_3.png\"\u003e \u003c/td\u003e\n        \u003c/tr\u003e\n    \u003c/tbody\u003e\n\u003c/table\u003e\n\n* **Function set_lines** : [example_lines.py](/examples/example_lines.py)\n\n\u003ctable\u003e\n    \u003cthead\u003e\n        \u003ctr\u003e\n            \u003cth align=\"center\"\u003eExample 1\u003c/th\u003e\n        \u003c/tr\u003e\n    \u003c/thead\u003e\n    \u003ctbody\u003e\n        \u003ctr\u003e\n            \u003ctd\u003e \u003cimg src=\".\\pictures\\example_lines.png\"\u003e \u003c/td\u003e\n        \u003c/tr\u003e\n    \u003c/tbody\u003e\n\u003c/table\u003e\n\n* **Function draw_points** : [example_point.py](/examples/example_point.py)\n\n\u003ctable\u003e\n    \u003cthead\u003e\n        \u003ctr\u003e\n            \u003cth align=\"center\"\u003eExample 1\u003c/th\u003e\n        \u003c/tr\u003e\n    \u003c/thead\u003e\n    \u003ctbody\u003e\n        \u003ctr\u003e\n            \u003ctd\u003e \u003cimg src=\".\\pictures\\example_points.png\"\u003e \u003c/td\u003e\n        \u003c/tr\u003e\n    \u003c/tbody\u003e\n\u003c/table\u003e\n\n* **Function draw_croix** : [example_croix.py](/examples/example_croix.py)\n\n\u003ctable\u003e\n    \u003cthead\u003e\n        \u003ctr\u003e\n            \u003cth align=\"center\"\u003eExample 1\u003c/th\u003e\n        \u003c/tr\u003e\n    \u003c/thead\u003e\n    \u003ctbody\u003e\n        \u003ctr\u003e\n            \u003ctd\u003e \u003cimg src=\".\\pictures\\example_croix.png\"\u003e \u003c/td\u003e\n        \u003c/tr\u003e\n    \u003c/tbody\u003e\n\u003c/table\u003e\n\n* **Function draw_arrows** : [example_arrows.py](/examples/example_arrows.py)\n\n\u003ctable\u003e\n    \u003cthead\u003e\n        \u003ctr\u003e\n            \u003cth align=\"center\"\u003eExample 1\u003c/th\u003e\n        \u003c/tr\u003e\n    \u003c/thead\u003e\n    \u003ctbody\u003e\n        \u003ctr\u003e\n            \u003ctd\u003e \u003cimg src=\".\\pictures\\example_arrows.png\"\u003e \u003c/td\u003e\n        \u003c/tr\u003e\n    \u003c/tbody\u003e\n\u003c/table\u003e\n\n* **Function draw_vector** : [example_vectors.py](/examples/example_vectors.py)\n\n\u003ctable\u003e\n    \u003cthead\u003e\n        \u003ctr\u003e\n            \u003cth align=\"center\"\u003eExample 1\u003c/th\u003e\n        \u003c/tr\u003e\n    \u003c/thead\u003e\n    \u003ctbody\u003e\n        \u003ctr\u003e\n            \u003ctd\u003e \u003cimg src=\".\\pictures\\example_vectors.png\"\u003e \u003c/td\u003e\n        \u003c/tr\u003e\n    \u003c/tbody\u003e\n\u003c/table\u003e\n\n* **Function draw_droite** : [example_droite.py](/examples/example_droite.py)\n\n\u003ctable\u003e\n    \u003cthead\u003e\n        \u003ctr\u003e\n            \u003cth align=\"center\"\u003eExample 1\u003c/th\u003e\n            \u003cth align=\"center\"\u003eExample 2\u003c/th\u003e\n        \u003c/tr\u003e\n    \u003c/thead\u003e\n    \u003ctbody\u003e\n        \u003ctr\u003e\n            \u003ctd\u003e \u003cimg src=\".\\pictures\\example_droite_1.png\"\u003e \u003c/td\u003e\n            \u003ctd\u003e \u003cimg src=\".\\pictures\\example_droite_2.png\"\u003e \u003c/td\u003e\n        \u003c/tr\u003e\n    \u003c/tbody\u003e\n\u003c/table\u003e\n\n* **Function fill_triangles** : [example_triangle.py](/examples/example_triangle.py)\n\n\u003ctable\u003e\n    \u003cthead\u003e\n        \u003ctr\u003e\n            \u003cth align=\"center\"\u003eExample 1\u003c/th\u003e\n        \u003c/tr\u003e\n    \u003c/thead\u003e\n    \u003ctbody\u003e\n        \u003ctr\u003e\n            \u003ctd\u003e \u003cimg src=\".\\pictures\\example_triangles.png\"\u003e \u003c/td\u003e\n        \u003c/tr\u003e\n    \u003c/tbody\u003e\n\u003c/table\u003e\n\n* **Function draw_polygone and fill_polygone** : [example_polygone.py](/examples/example_polygone.py)\n\n\u003ctable\u003e\n    \u003cthead\u003e\n        \u003ctr\u003e\n            \u003cth align=\"center\"\u003eExample 1\u003c/th\u003e\n        \u003c/tr\u003e\n    \u003c/thead\u003e\n    \u003ctbody\u003e\n        \u003ctr\u003e\n            \u003ctd\u003e \u003cimg src=\".\\pictures\\example_polygones.png\"\u003e \u003c/td\u003e\n        \u003c/tr\u003e\n    \u003c/tbody\u003e\n\u003c/table\u003e\n\n* **Function draw_circle and fill_circle** : [example_cercle.py](/examples/example_cercle.py)\n\n\u003ctable\u003e\n    \u003cthead\u003e\n        \u003ctr\u003e\n            \u003cth align=\"center\"\u003eExample 1\u003c/th\u003e\n        \u003c/tr\u003e\n    \u003c/thead\u003e\n    \u003ctbody\u003e\n        \u003ctr\u003e\n            \u003ctd\u003e \u003cimg src=\".\\pictures\\example_cercle.png\"\u003e \u003c/td\u003e\n        \u003c/tr\u003e\n    \u003c/tbody\u003e\n\u003c/table\u003e\n\n* **Function bezier curve** : [example_bezier_curve](/examples/example_bezier_curve.py)\n\n\u003ctable\u003e\n    \u003cthead\u003e\n        \u003ctr\u003e\n            \u003cth align=\"center\"\u003eExamples\u003c/th\u003e\n            \u003cth align=\"center\"\u003eExamples\u003c/th\u003e\n            \u003cth align=\"center\"\u003eExamples\u003c/th\u003e\n        \u003c/tr\u003e\n    \u003c/thead\u003e\n    \u003ctbody\u003e\n        \u003ctr\u003e\n            \u003ctd\u003e \u003cimg src=\".\\pictures\\example_bezier_curve.png\"\u003e \u003c/td\u003e\n            \u003ctd\u003e \u003cimg src=\".\\pictures\\example_bezier_curve_2.png\"\u003e \u003c/td\u003e\n            \u003ctd\u003e \u003cimg src=\".\\pictures\\example_bezier_curve_3.png\"\u003e \u003c/td\u003e\n        \u003c/tr\u003e\n    \u003c/tbody\u003e\n    \u003ctbody\u003e\n        \u003ctr\u003e\n            \u003ctd\u003e \u003cimg src=\".\\pictures\\example_bezier_curve_4.png\"\u003e \u003c/td\u003e\n            \u003ctd\u003e \u003cimg src=\".\\pictures\\example_bezier_curve_5.png\"\u003e \u003c/td\u003e\n            \u003ctd\u003e \u003cimg src=\".\\pictures\\example_bezier_curve_6.png\"\u003e \u003c/td\u003e\n        \u003c/tr\u003e\n    \u003c/tbody\u003e\n    \u003ctbody\u003e\n        \u003ctr\u003e\n            \u003ctd\u003e \u003cimg src=\".\\pictures\\example_bezier_curve_7.png\"\u003e \u003c/td\u003e\n            \u003ctd\u003e \u003cimg src=\".\\pictures\\example_bezier_curve_8.png\"\u003e \u003c/td\u003e\n            \u003ctd\u003e \u003cimg src=\".\\pictures\\example_bezier_curve_9.png\"\u003e \u003c/td\u003e\n        \u003c/tr\u003e\n    \u003c/tbody\u003e\n\u003c/table\u003e\n\n## Tree Fractals\nThe link to the example script: [example_fractal.py](fractal_example.py)  \nAnd the source script: [fractal.py](fractal.py)  \n***\n\n\u003e Don't forget to install the lines extension ([here](./extensions/ext_lines.py)) in your computer !\n\n\u003ctable\u003e\n    \u003cthead\u003e\n        \u003ctr\u003e\n            \u003cth align=\"center\"\u003eBasics Tree\u003c/th\u003e\n            \u003cth align=\"center\"\u003ePalmier\u003c/th\u003e\n        \u003c/tr\u003e\n    \u003c/thead\u003e\n    \u003ctbody\u003e\n        \u003ctr\u003e\n            \u003ctd\u003e \u003cimg src=\".\\pictures\\fractal_pictures\\fractale_basic_tree_1.png\"\u003e \u003c/td\u003e\n            \u003ctd\u003e \u003cimg src=\".\\pictures\\fractal_pictures\\fractale_palm_red_yellow_1.png\"\u003e \u003c/td\u003e\n        \u003c/tr\u003e\n    \u003c/tbody\u003e\n    \u003ctbody\u003e\n        \u003ctr\u003e\n            \u003ctd\u003e \u003cimg src=\".\\pictures\\fractal_pictures\\fractale_basic_tree_2.png\"\u003e \u003c/td\u003e\n            \u003ctd\u003e \u003cimg src=\".\\pictures\\fractal_pictures\\fractale_palm_red_yellow_2.png\"\u003e \u003c/td\u003e\n        \u003c/tr\u003e\n    \u003c/tbody\u003e\n    \u003ctbody\u003e\n        \u003ctr\u003e\n            \u003ctd\u003e \u003cimg src=\".\\pictures\\fractal_pictures\\fractale_basic_tree_black_1.png\"\u003e \u003c/td\u003e\n            \u003ctd\u003e \u003cimg src=\".\\pictures\\fractal_pictures\\fractale_palm_black_1.png\"\u003e \u003c/td\u003e\n        \u003c/tr\u003e\n    \u003c/tbody\u003e\n    \u003ctbody\u003e\n        \u003ctr\u003e\n            \u003ctd\u003e \u003cimg src=\".\\pictures\\fractal_pictures\\fractale_basic_tree_black_2.png\"\u003e \u003c/td\u003e\n            \u003ctd\u003e \u003cimg src=\".\\pictures\\fractal_pictures\\fractale_palm_black_2.png\"\u003e \u003c/td\u003e\n        \u003c/tr\u003e\n    \u003c/tbody\u003e\n\u003c/table\u003e\n\n\u003ctable\u003e\n    \u003cthead\u003e\n        \u003ctr\u003e\n            \u003cth align=\"center\"\u003eCyan Tree\u003c/th\u003e\n            \u003cth align=\"center\"\u003eCyan Tree\u003c/th\u003e\n            \u003cth align=\"center\"\u003eCyan Tree\u003c/th\u003e\n            \u003cth align=\"center\"\u003eCyan Tree\u003c/th\u003e\n        \u003c/tr\u003e\n    \u003c/thead\u003e\n    \u003ctbody\u003e\n        \u003ctr\u003e\n            \u003ctd\u003e \u003cimg src=\".\\pictures\\fractal_pictures\\fractale_magenta_1.png\"\u003e \u003c/td\u003e\n            \u003ctd\u003e \u003cimg src=\".\\pictures\\fractal_pictures\\fractale_magenta_2.png\"\u003e \u003c/td\u003e\n            \u003ctd\u003e \u003cimg src=\".\\pictures\\fractal_pictures\\fractale_magenta_3.png\"\u003e \u003c/td\u003e\n            \u003ctd\u003e \u003cimg src=\".\\pictures\\fractal_pictures\\fractale_magenta_4.png\"\u003e \u003c/td\u003e\n        \u003c/tr\u003e\n    \u003c/tbody\u003e\n    \u003ctbody\u003e\n        \u003ctr\u003e\n            \u003ctd\u003e \u003cimg src=\".\\pictures\\fractal_pictures\\fractale_magenta_thickness_1.png\"\u003e \u003c/td\u003e\n            \u003ctd\u003e \u003cimg src=\".\\pictures\\fractal_pictures\\fractale_magenta_thickness_2.png\"\u003e \u003c/td\u003e\n            \u003ctd\u003e \u003cimg src=\".\\pictures\\fractal_pictures\\fractale_magenta_thickness_3.png\"\u003e \u003c/td\u003e\n            \u003ctd\u003e \u003cimg src=\".\\pictures\\fractal_pictures\\fractale_magenta_thickness_4.png\"\u003e \u003c/td\u003e\n        \u003c/tr\u003e\n    \u003c/tbody\u003e\n\u003c/table\u003e\n\n\u003ctable\u003e\n    \u003cthead\u003e\n        \u003ctr\u003e\n            \u003cth align=\"center\"\u003eMagenta Tree\u003c/th\u003e\n            \u003cth align=\"center\"\u003eMagenta Tree\u003c/th\u003e\n            \u003cth align=\"center\"\u003eMagenta Tree\u003c/th\u003e\n        \u003c/tr\u003e\n    \u003c/thead\u003e\n    \u003ctbody\u003e\n        \u003ctr\u003e\n            \u003ctd\u003e \u003cimg src=\".\\pictures\\fractal_pictures\\fractale_cyan_angle_1.png\"\u003e \u003c/td\u003e\n            \u003ctd\u003e \u003cimg src=\".\\pictures\\fractal_pictures\\fractale_cyan_angle_2.png\"\u003e \u003c/td\u003e\n            \u003ctd\u003e \u003cimg src=\".\\pictures\\fractal_pictures\\fractale_cyan_angle_3.png\"\u003e \u003c/td\u003e\n        \u003c/tr\u003e\n    \u003c/tbody\u003e\n    \u003ctbody\u003e\n        \u003ctr\u003e\n            \u003ctd\u003e \u003cimg src=\".\\pictures\\fractal_pictures\\fractale_cyan_angle_4.png\"\u003e \u003c/td\u003e\n            \u003ctd\u003e \u003cimg src=\".\\pictures\\fractal_pictures\\fractale_cyan_angle_5.png\"\u003e \u003c/td\u003e\n            \u003ctd\u003e \u003cimg src=\".\\pictures\\fractal_pictures\\fractale_cyan_angle_6.png\"\u003e \u003c/td\u003e\n        \u003c/tr\u003e\n    \u003c/tbody\u003e\n    \u003ctbody\u003e\n        \u003ctr\u003e\n            \u003ctd\u003e \u003cimg src=\".\\pictures\\fractal_pictures\\fractale_cyan_angle_7.png\"\u003e \u003c/td\u003e\n            \u003ctd\u003e \u003cimg src=\".\\pictures\\fractal_pictures\\fractale_cyan_angle_8.png\"\u003e \u003c/td\u003e\n            \u003ctd\u003e \u003cimg src=\".\\pictures\\fractal_pictures\\fractale_cyan_angle_9.png\"\u003e \u003c/td\u003e\n        \u003c/tr\u003e\n    \u003c/tbody\u003e\n    \u003ctbody\u003e\n        \u003ctr\u003e\n            \u003ctd\u003e \u003cimg src=\".\\pictures\\fractal_pictures\\fractale_cyan_angle_10.png\"\u003e \u003c/td\u003e\n            \u003ctd\u003e \u003cimg src=\".\\pictures\\fractal_pictures\\fractale_cyan_angle_11.png\"\u003e \u003c/td\u003e\n            \u003ctd\u003e \u003cimg src=\".\\pictures\\fractal_pictures\\fractale_cyan_angle_12.png\"\u003e \u003c/td\u003e\n        \u003c/tr\u003e\n    \u003c/tbody\u003e\n    \u003ctbody\u003e\n        \u003ctr\u003e\n            \u003ctd\u003e \u003cimg src=\".\\pictures\\fractal_pictures\\fractale_cyan_angle_13.png\"\u003e \u003c/td\u003e\n        \u003c/tr\u003e\n    \u003c/tbody\u003e\n\u003c/table\u003e\n\n\u003ctable\u003e\n    \u003cthead\u003e\n        \u003ctr\u003e\n            \u003cth align=\"center\"\u003eExamples Trees\u003c/th\u003e\n            \u003cth align=\"center\"\u003eExamples Trees\u003c/th\u003e\n            \u003cth align=\"center\"\u003eExamples Trees\u003c/th\u003e\n        \u003c/tr\u003e\n    \u003c/thead\u003e\n    \u003ctbody\u003e\n        \u003ctr\u003e\n            \u003ctd\u003e \u003cimg src=\".\\pictures\\fractal_pictures\\fractale_tree_blue.png\"\u003e \u003c/td\u003e\n            \u003ctd\u003e \u003cimg src=\".\\pictures\\fractal_pictures\\fractale_tree_cyan.png\"\u003e \u003c/td\u003e\n            \u003ctd\u003e \u003cimg src=\".\\pictures\\fractal_pictures\\fractale_tree_fushia.png\"\u003e \u003c/td\u003e\n        \u003c/tr\u003e\n    \u003c/tbody\u003e\n    \u003ctbody\u003e\n        \u003ctr\u003e\n            \u003ctd\u003e \u003cimg src=\".\\pictures\\fractal_pictures\\fractale_tree_green.png\"\u003e \u003c/td\u003e\n            \u003ctd\u003e \u003cimg src=\".\\pictures\\fractal_pictures\\fractale_tree_magenta.png\"\u003e \u003c/td\u003e\n            \u003ctd\u003e \u003cimg src=\".\\pictures\\fractal_pictures\\fractale_tree_orange.png\"\u003e \u003c/td\u003e\n        \u003c/tr\u003e\n    \u003c/tbody\u003e\n    \u003ctbody\u003e\n        \u003ctr\u003e\n            \u003ctd\u003e \u003cimg src=\".\\pictures\\fractal_pictures\\fractale_tree_pink.png\"\u003e \u003c/td\u003e\n            \u003ctd\u003e \u003cimg src=\".\\pictures\\fractal_pictures\\fractale_tree_purple.png\"\u003e \u003c/td\u003e\n            \u003ctd\u003e \u003cimg src=\".\\pictures\\fractal_pictures\\fractale_tree_red.png\"\u003e \u003c/td\u003e\n        \u003c/tr\u003e\n    \u003c/tbody\u003e\n    \u003ctbody\u003e\n        \u003ctr\u003e\n            \u003ctd\u003e \u003cimg src=\".\\pictures\\fractal_pictures\\fractale_tree_yellow.png\"\u003e \u003c/td\u003e\n            \u003ctd\u003e \u003cimg src=\".\\pictures\\fractal_pictures\\fractale_tree_white.png\"\u003e \u003c/td\u003e\n            \u003ctd\u003e \u003cimg src=\".\\pictures\\fractal_pictures\\fractale_thickness_purple.png\"\u003e \u003c/td\u003e\n        \u003c/tr\u003e\n    \u003c/tbody\u003e\n\u003c/table\u003e\n\n\u003ctable\u003e\n    \u003cthead\u003e\n        \u003ctr\u003e\n            \u003cth align=\"center\"\u003eAngle Tree \u003c/th\u003e\n            \u003cth align=\"center\"\u003eAngle Tree \u003c/th\u003e\n        \u003c/tr\u003e\n    \u003c/thead\u003e\n    \u003ctbody\u003e\n        \u003ctr\u003e\n            \u003ctd\u003e \u003cimg src=\".\\pictures\\fractal_pictures\\fractale_h_magenta_purple.png\"\u003e \u003c/td\u003e\n            \u003ctd\u003e \u003cimg src=\".\\pictures\\fractal_pictures\\fractale_h_black.png\"\u003e \u003c/td\u003e\n        \u003c/tr\u003e\n    \u003c/tbody\u003e\n\u003c/table\u003e\n\n## Extensions\n***\nHere are some extensions designed to work with the calculator. However, the latest extension, Grapher, will only work on a computer. They include a number of extra features, notably a reproduction of the turtle module, and another, much simpler one, of the matplotlib.pyplot module. I'll let you discover them with some beautiful images!\n\n\u003e You need to copy and paste the code from the extension files into a new file created on the Numworks website.\n\n* **Extension Lines** : [lines_example.py](/extensions/lines_example.py)\n\n\u003ctable\u003e\n    \u003cthead\u003e\n        \u003ctr\u003e\n            \u003cth align=\"center\"\u003eExample 1\u003c/th\u003e\n        \u003c/tr\u003e\n    \u003c/thead\u003e\n    \u003ctbody\u003e\n        \u003ctr\u003e\n            \u003ctd\u003e \u003cimg src=\".\\pictures\\lines_pictures\\example_lines.png\"\u003e \u003c/td\u003e\n        \u003c/tr\u003e\n    \u003c/tbody\u003e\n\u003c/table\u003e\n\n\n* **Extension Ellipses** : [example_ellipse.py](/extensions/ext_ellipses.py)\n\n\u003ctable\u003e\n    \u003cthead\u003e\n        \u003ctr\u003e\n            \u003cth align=\"center\"\u003eExample 1\u003c/th\u003e\n            \u003cth align=\"center\"\u003eExample 2\u003c/th\u003e\n        \u003c/tr\u003e\n    \u003c/thead\u003e\n    \u003ctbody\u003e\n        \u003ctr\u003e\n            \u003ctd\u003e \u003cimg src=\".\\pictures\\ellipses_pictures\\example_ellipses_1.png\"\u003e \u003c/td\u003e\n            \u003ctd\u003e \u003cimg src=\".\\pictures\\ellipses_pictures\\example_ellipses_2.png\"\u003e \u003c/td\u003e\n        \u003c/tr\u003e\n    \u003c/tbody\u003e\n\u003c/table\u003e\n\n* **Extension Turtle** : [turtle_example.py](/extensions/turtle_example.py)\n\n\u003e The turtle extension has both a compact and a non-compact file for use on the computer.\n\n\u003ctable\u003e\n    \u003cthead\u003e\n        \u003ctr\u003e\n            \u003cth align=\"center\"\u003eExample 1\u003c/th\u003e\n        \u003c/tr\u003e\n    \u003c/thead\u003e\n    \u003ctbody\u003e\n        \u003ctr\u003e\n            \u003ctd\u003e \u003cimg src=\".\\pictures\\turtle_pictures\\example_1_flocon_1.png\"\u003e \u003c/td\u003e\n        \u003c/tr\u003e\n        \u003ctr\u003e\n            \u003ctd\u003e \u003cimg src=\".\\pictures\\turtle_pictures\\example_1_flocon_2.png\"\u003e \u003c/td\u003e\n        \u003c/tr\u003e\n        \u003ctr\u003e\n            \u003ctd\u003e \u003cimg src=\".\\pictures\\turtle_pictures\\example_1_flocon_3.png\"\u003e \u003c/td\u003e\n        \u003c/tr\u003e\n        \u003ctr\u003e\n            \u003ctd\u003e \u003cimg src=\".\\pictures\\turtle_pictures\\example_1_flocon_4.png\"\u003e \u003c/td\u003e\n        \u003c/tr\u003e\n        \u003ctr\u003e\n            \u003ctd\u003e \u003cimg src=\".\\pictures\\turtle_pictures\\example_1_flocon_5.png\"\u003e \u003c/td\u003e\n        \u003c/tr\u003e\n    \u003c/tbody\u003e\n\u003c/table\u003e\n\n\u003ctable\u003e\n    \u003cthead\u003e\n        \u003ctr\u003e\n            \u003cth align=\"center\"\u003eExample 2\u003c/th\u003e\n        \u003c/tr\u003e\n    \u003c/thead\u003e\n    \u003ctbody\u003e\n        \u003ctr\u003e\n            \u003ctd\u003e \u003cimg src=\".\\.\\pictures\\turtle_pictures\\example_2.png\"\u003e \u003c/td\u003e\n        \u003c/tr\u003e\n    \u003c/tbody\u003e\n\u003c/table\u003e\n\n* **Extension Grapher** : [grapher_example.ipynb](/extensions/grapher_example.ipynb)  \n\n\u003ctable\u003e\n    \u003cthead\u003e\n        \u003cth\u003eKeys\u003c/th\u003e\n        \u003cth\u003eShort\u003c/th\u003e\n    \u003c/thead\u003e\n    \u003ctbody\u003e\n        \u003ctr\u003e\n            \u003ctd\u003eArrows [Up, Down, Right, Left]\u003c/td\u003e\n            \u003ctd\u003eallows you to move around the grapher\u003c/td\u003e\n        \u003c/tr\u003e\n        \u003ctr\u003e\n            \u003ctd\u003e'Maj'+'=' or '+'\u003c/td\u003e\n            \u003ctd\u003ezoom in or out\u003c/td\u003e\n        \u003c/tr\u003e\n        \u003ctr\u003e\n            \u003ctd\u003e'Maj'+'à' or '0'\u003c/td\u003e\n            \u003ctd\u003erefocuses the graphic\u003c/td\u003e\n        \u003c/tr\u003e\n        \u003ctr\u003e\n            \u003ctd\u003e'Ctr'+'o'\u003c/td\u003e\n            \u003ctd\u003echanges the emulator, thus increasing speed\u003c/td\u003e\n        \u003c/tr\u003e\n    \u003c/tbody\u003e\n\u003c/table\u003e\n\n\u003ctable\u003e\n    \u003cthead\u003e\n        \u003ctr\u003e\n            \u003cth align=\"center\"\u003eExamples :\u003c/th\u003e\n        \u003c/tr\u003e\n    \u003c/thead\u003e\n    \u003ctbody\u003e\n        \u003ctr\u003e\n            \u003ctd\u003e \u003cimg src=\".\\.\\extensions\\grapher_pictures\\example_fonction_axes_1.png\"\u003e \u003c/td\u003e\n        \u003c/tr\u003e\n        \u003ctr\u003e\n            \u003ctd\u003e \u003cimg src=\".\\.\\extensions\\grapher_pictures\\example_fonction_axes_poo_1.png\"\u003e \u003c/td\u003e\n        \u003c/tr\u003e\n        \u003ctr\u003e\n            \u003ctd\u003e \u003cimg src=\".\\.\\extensions\\grapher_pictures\\example_fonction_axes_2.png\"\u003e \u003c/td\u003e\n        \u003c/tr\u003e\n        \u003ctr\u003e\n            \u003ctd\u003e \u003cimg src=\".\\.\\extensions\\grapher_pictures\\example_fonction_axes_poo_2.png\"\u003e \u003c/td\u003e\n        \u003c/tr\u003e\n        \u003ctr\u003e\n            \u003ctd\u003e \u003cimg src=\".\\.\\extensions\\grapher_pictures\\example_fonction_axes_poo_3.png\"\u003e \u003c/td\u003e\n        \u003c/tr\u003e\n        \u003ctr\u003e\n            \u003ctd\u003e \u003cimg src=\".\\.\\extensions\\grapher_pictures\\example_fonction_axes_poo_4.png\"\u003e \u003c/td\u003e\n        \u003c/tr\u003e\n        \u003ctr\u003e\n            \u003ctd\u003e \u003cimg src=\".\\.\\extensions\\grapher_pictures\\example_fonction_axes_poo_5.png\"\u003e \u003c/td\u003e\n        \u003c/tr\u003e\n        \u003ctr\u003e\n            \u003ctd\u003e \u003cimg src=\".\\.\\extensions\\grapher_pictures\\example_fonction_axes_poo_6.png\"\u003e \u003c/td\u003e\n        \u003c/tr\u003e\n        \u003ctr\u003e\n            \u003ctd\u003e \u003cimg src=\".\\.\\extensions\\grapher_pictures\\example_fonction_scatter_and_points_2.png\"\u003e \u003c/td\u003e\n        \u003c/tr\u003e\n        \u003ctr\u003e\n            \u003ctd\u003e \u003cimg src=\".\\.\\extensions\\grapher_pictures\\example_fonction_plot_and_lines_1.png\"\u003e \u003c/td\u003e\n        \u003c/tr\u003e\n        \u003ctr\u003e\n            \u003ctd\u003e \u003cimg src=\".\\.\\extensions\\grapher_pictures\\example_fonction_vector_1.png\"\u003e \u003c/td\u003e\n        \u003c/tr\u003e\n        \u003ctr\u003e\n            \u003ctd\u003e \u003cimg src=\".\\.\\extensions\\grapher_pictures\\example_fonction_droite_1.png\"\u003e \u003c/td\u003e\n        \u003c/tr\u003e\n    \u003c/tbody\u003e\n\u003c/table\u003e\n\n## QR-Codes\n***\nHere are two QR codes to easily find the Visuel library on GitHub and on the official Numworks website. Use them without restriction!\n\n\u003ctable\u003e\n    \u003cthead\u003e\n        \u003cth\u003eGitHub\u003c/th\u003e\n        \u003cth\u003eNumworks\u003c/th\u003e\n    \u003c/thead\u003e\n    \u003ctbody\u003e\n        \u003ctr\u003e\n            \u003ctd\u003e\u003cimg src=\".\\pictures\\assets\\QR_codes\\qr_code_site_github_2.png\"\u003e\u003c/td\u003e\n            \u003ctd\u003e\u003cimg src=\".\\pictures\\assets\\QR_codes\\qr_code_site_numworks_2.png\"\u003e\u003c/td\u003e\n        \u003c/tr\u003e\n    \u003c/tbody\u003e\n\u003c/table\u003e\n\n## FAQs\n***\nA list of frequently asked questions (for the moment there is none).\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Farchange-py%2Fvisuel","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Farchange-py%2Fvisuel","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Farchange-py%2Fvisuel/lists"}