https://github.com/photino/jquery-feyn

jQuery plugin for drawing Feynman diagrams with SVG
https://github.com/photino/jquery-feyn

feynman-diagrams javascript jquery jquery-plugin svg

Last synced: about 1 month ago
JSON representation

jQuery plugin for drawing Feynman diagrams with SVG

• Host: GitHub
• URL: https://github.com/photino/jquery-feyn
• Owner: photino
• License: mit
• Created: 2013-07-29T15:49:46.000Z (over 11 years ago)
• Default Branch: master
• Last Pushed: 2014-09-15T07:17:22.000Z (over 10 years ago)
• Last Synced: 2023-04-09T00:20:55.086Z (over 1 year ago)
• Topics: feynman-diagrams, javascript, jquery, jquery-plugin, svg
• Language: JavaScript
• Homepage: http://photino.github.io/jquery-feyn/
• Size: 1.14 MB
• Stars: 34
• Watchers: 7
• Forks: 6
• Open Issues: 2
• Metadata Files:
  • Readme: README.md
  • License: LICENSE.txt

Awesome Lists containing this project

README

        
# jQuery.Feyn

For complete documentation and examples, please visit the project page:

.

## Overview

jQuery.Feyn is a jQuery plugin to facilitate your drawing Feynman diagrams with

Scalable Vector Graphics (SVG). The following list gives a quick overview of

the most prominent features:

- Automatic generation of clean SVG source code

- Easy to use, easy to make fine adjustments

- Predefined propagator styles, vertex types, and symbols

- Support for typesetting labels and including external graphics

- Lightweight, cross-browser, and fully documented

jQuery.Feyn is released under the MIT license.

## Supported Browsers

- Firefox 4+

- Chrome 7+

- Opera 11.6+

- Safari 5.1+

- IE 9+

A more detailed compatibility table for support of inline SVG in HTML5 can be

found at [caniuse.com/svg-html5](http://caniuse.com/svg-html5).

## Basic Usage

To use jQuery.Feyn, the first thing you should do is to load the scripts.

Then you can configure your desired Feynman diagram such as

    

      $(document).ready(function() {

        $('#container').feyn({

          incoming: {i1: '20,180', i2: '180,180'},

          outgoing: {o1: '20,20', o2: '180,20'},

          vertex: {v1: '100,140', v2: '100,60'},

          fermion: {line: 'i1-v1-i2,o2-v2-o1'},

          photon: {line: 'v1-v2'}

        });

      });

    

The jQuery ID selector `$('#container')` can also be replaced by any other

CSS selector that applies to a unique block-level element in your document,

which serves as the container of jQuery.Feyn's SVG output.