{"id":18936934,"url":"https://github.com/qc20/electromagneticfield","last_synced_at":"2026-02-18T18:02:23.978Z","repository":{"id":249730024,"uuid":"832369249","full_name":"QC20/ElectromagneticField","owner":"QC20","description":"ElectromagneticField: An interactive HTML5 Canvas visualization simulating electromagnetic interactions. Explore dynamic field lines and attractors in this mesmerizing, educational experience.","archived":false,"fork":false,"pushed_at":"2024-07-22T22:44:17.000Z","size":469,"stargazers_count":2,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2024-11-08T12:09:13.651Z","etag":null,"topics":["creative-coding","electromagnetic-fields","generative-art","html5-canvas","interaction-design","interactive","javascript","particle-system","physics-simulation","scientific-visualization","ux-design","visualization","web-animation","webdevelopment"],"latest_commit_sha":null,"homepage":"https://qc20.github.io/ElectromagneticField/","language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/QC20.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","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-07-22T22:13:47.000Z","updated_at":"2024-09-29T19:26:38.000Z","dependencies_parsed_at":"2024-07-23T02:14:37.589Z","dependency_job_id":"d676a30a-e673-4a89-81ac-6cd573e3d5c5","html_url":"https://github.com/QC20/ElectromagneticField","commit_stats":null,"previous_names":["qc20/electromagneticfield"],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/QC20%2FElectromagneticField","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/QC20%2FElectromagneticField/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/QC20%2FElectromagneticField/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/QC20%2FElectromagneticField/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/QC20","download_url":"https://codeload.github.com/QC20/ElectromagneticField/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":232031215,"owners_count":18462866,"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":["creative-coding","electromagnetic-fields","generative-art","html5-canvas","interaction-design","interactive","javascript","particle-system","physics-simulation","scientific-visualization","ux-design","visualization","web-animation","webdevelopment"],"created_at":"2024-11-08T12:09:20.498Z","updated_at":"2025-10-11T15:40:56.520Z","avatar_url":"https://github.com/QC20.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# ElectromagneticField\n\nA mesmerizing interactive visualization of electromagnetic fields using HTML5 Canvas and JavaScript.\n\n## Overview\n\nElectromagneticField is a dynamic, real-time simulation that brings the invisible world of electromagnetic interactions to life. This project creates an immersive experience where users can explore and manipulate virtual electromagnetic fields, offering both an aesthetic and educational value.\n\n## Features\n\n- Real-time simulation of attractors and repellers\n- Interactive mouse-controlled attractor\n- Dynamic field lines visualization\n- Smooth animations and glow effects\n\n## How It Works\n\nThe simulation creates a set of attractors with positive and negative polarities. These attractors interact with each other and influence the movement of field lines. The result is a constantly evolving, visually striking representation of electromagnetic fields.\n\n## Customization\n\nYou can easily modify the simulation by adjusting various parameters in the `sketch.js` file:\n\n- `att_num`: Number of attractors\n- `att_spd`: Speed of attractor movement\n- `segment_length`: Length of each field line segment\n- `segment_num`: Number of segments in each field line\n- `att_size`: Size of the attractors\n\nExperiment with these values to create different visual effects and behaviors!\n\n## Design Implications\n\nThis project demonstrates how complex physical phenomena can be simplified and visualized for better understanding. It showcases:\n\n1. Interactive Data Visualization: Making abstract concepts tangible through user interaction.\n2. Real-time Feedback: Immediate visual response to user input enhances engagement.\n3. Aesthetic Appeal in Scientific Visualization: Combining accuracy with visual appeal to create an engaging learning experience.\n\n## Potential Applications\n\n- Educational tool for physics classes\n- Interactive art installations\n- Background visuals for presentations or websites\n- Basis for more complex electromagnetic field simulations\n\n## Get Started\n\nSimply open the `index.html` file in a modern web browser to run the simulation. Click and drag to move the interactive attractor, and click to change its polarity.\n\nWe encourage you to fork this project, experiment with the code, and create your own unique visualizations!","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fqc20%2Felectromagneticfield","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fqc20%2Felectromagneticfield","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fqc20%2Felectromagneticfield/lists"}