CindyJS

Examples shipped with the source tree

This shows the examples from the repository, demonstrating individual functions and operations. Most of them demonstrate a single technical feature and are not intended to be examples of what well-designed CindyJS widgets can look like.
00_PlaygroundPlayground
01_sunflowerA simple sunflower
02_ComplexSpiralComplex Spiral
03_ParabolaEnvelopeEnvelope
04_SimpleGeoSimple Geometry
05_SinCausticCaustic of Sin
06_ConvexHullConvex Hull
07_FeldlinienTwo charges
07_Feldlinien_newarrowsTwo charges
08_zHochAlphaComplex power grid
08a_zHochAlphaComplex power grid
08cont_zHochAlphaComplex power grid
08contb_zHochAlphaComplex power grid
08d_zHochAlphaComplex power grid
09_RegressionRegression
100_PointMirrorKonstruktion.cdy
100_ScreenResolutionTimosWinkel v2.cdy
101_PolarOperationsKonstruktion.cdy
102_SliderLabeled Slider
103_BadElementsCindy JS Example
104_arcpppCindy JS Example
104_isOperationsKonstruktion.cdy
104b_arcfillCindy JS Example
104c_arc_gslpCindy JS Example
105_LineWidthLine Width Test
106_DrawTrace1Cindy JS
106_DrawTrace2Construction.cdy
107_OverhangConstruction.cdy
108_DashTypeConstruction.cdy
109_CenterOfConicCindy JS Example
109_xyAccessorsCindy JS Example
110_ConicInSquareConstructionConicInSquareWithDottedLines.cdy
111_MoebiusCindy JS Example
111_Moebius_ArcCindy JS Example
111_Moebius_CinderellaExportTestKonstruktion.cdy
111_Moebius_ItThreePoints1.cdy
111_Moebius_LineCindy JS Example
111_VeryDegenerateICCCindy JS Example
112_TrAffineTrAffine.cdy
112_TrSimilarityTrSimilarity.cdy
112_TrTranslationTrTranslation.cdy
113_ReflectionInCircleReflectionInCircle.cdy
113_ReflectionInLineReflectionInLine.cdy
113_ReflectionInPointReflectionInPoint.cdy
113_ReflectionInSegmentReflectionInSegment.cdy
113_ReflectionInThreePointCircleReflectionInThreePointCircle.cdy
114_ParallelSegments5697373741252608_3.cdy
114_allopsKonstruktion.cdy
12_L-SystemL-System
133_TransformC133_TransformC.cdy
134_LineCapCindy JS Example
135_LineJoinCindy JS Example
136_MiterLimitCindy JS Example
137_FreeLineCindy JS Example
138_ThroughCindy JS Example
139_LineHomogSetterCindy JS Example
13_PlotSingularityFunction Plotting
140_radiusProgrammatically setting the radius
141_a_bisectorsConstruction.cdy
141_b_false_conjecture_freepointConstruction.cdy
141_c_false_conjecture_freelineKonstruktion.cdy
141_d_false_conjecture_circleKonstruktion.cdy
141_e_horizontal_verticalKonstruktion.cdy
141_f_throughKonstruktion.cdy
141_fileDropCindy JS Example
141_g_pointonKonstruktion.cdy
141_h_inftyCindy JS Example
141_i_papposPappos's Theorem
142_kaleidokal4.cdy
143_assoc_mult_compare_geoopsAssocMult.cdy
144_randomtreeCindy JS
145_polyPolygons
146_angleFromScriptsample2.cdy
146_elementsatmouseKonstruktion.cdy
146_pointOnArcKonstruktion.cdy
147_TrMoeb_segKonstruktion.cdy
147_TrSegmentKonstruktion.cdy
147_algorithmCindy JS Example
148_ImageRGB3imagergb3
148_ImageRGB4imagergb4
148_ImageRGBA4imagergba4
148_ImageRGBA4externimagergba4
148_mltextMulti-line text
149_drawtableDrawing tables
14_ImageSpiralImage Spiral
150_simulationtimeSimulation time and animation speed
151_ballTimingPhysics simulation timing
152_loadCindy JS Example
153_MoveTextConstruction.cdy
154_ReflectCCircle inversion
155_InverseMoebiusInverse Möbius Transformation
156_Necklace4Necklace4.cdy
156_halfplaneSchmetterling4.cdy
157_IFS2simIFS from two similarities
157_football-prognosisVorhersage BL 2017.cdy
158_more_snapKonstruktion.cdy
15_ProjectiveGridProjective Grid
160_colonopCindy JS Example
161_autoload_katexStaudtAdd.cdy
162_sunflower_crlfA simple sunflower (Line endings as CRLF)
163_textAtAnyAngleCindy JS Example
163_virtualresolutionVirtual resolutions
16_DMSpiralDM Spiral
17_ShapeOperationsDM Spiral
18_CompleteGraphComplete Graph
19_EuclidsAlgEuclids Algorithm
19_EuclidsAlgXEuclids Algorithm
19_EuclidsAlgX2Euclids Algorithm
20_PapposPappos's Theorem
21_EulerLineEuler-Line
22_AngleBisectorAngle Bisector
23_MirrorsIterated Mirrors
24_SimpleTreeSimple Tree
25_Lagrange2D Lagrange Interpolation
26_Kaleido2D Lagrange Interpolation
27_AllpointsAllLinesAllpoints Alllines
28_SchleppkurveSchleppkurve
28b_SchleppkurveTransSchleppkurve
28c_AntiprismAntiparallelograms
29_factFactorization Diagram
30_C-TestA sample C-test
31_EventTestEvent tester
34_SunsFirst Physics
34_SunsTFirst Physics
35_SpringsFirst Physics
36_Springs2First Physics
37_BouncerFirst Physics
38_ManyParticlesFirst Physics
39_ManyBallsFirst Physics
39_ManyBallsExplorerMolekule explorer
39_ManyBallsXFirst Physics
39_ManyBallsYFirst Physics
39_ManyBalls_1_1First Physics
39_ManyBalls_1_2First Physics
39_ManyBalls_1_3_aFirst Physics
40_SwarmFish Swarm
40_SwarmExplorerFish Swarm with Controls
40_SwarmExplorerXFirst Physics
49-TangentParabola2linesAt2points49-TangentParabola2linesAt2points.cdy
50_ConvexHull3DConvex Hull
51_ArchimedeanConvex Hull
51_ArchimedeanXConvex Hull
52_RaysAngle Bisector
54_Soddy1Euler-Line
55_Soddy2Euler-Line
56_FordEuler-Line
57_SnapAndGridEuler-Line with Snap and Grid
58_InterpolationEuler-Line with Snap and Grid
59_EquilibriumFirst Physics
60_RotationRotations
62_ProjTransformCindy JS
63_ConicConics
63_Conic_from_ScriptCindy JS Example - direct conic drawing
63_PizzaTeilenA simple sunflower
63_PointLabelsCindy JS
64_Many_ConicsConics
65_Conic_4P_1lConic by 4 points and 1 line
65a_Conic_3P_2lConic by 3 points and 2 line
65b_Conic_2P_3lConic by 2 points and 3 line
65c_Conic_2P_3lConic by 2 points and 3 line
66_Conic_5linesConic by 5 lines
67_Conic_1P_4lConic by 1 point and 4 line
68_Surface1Conjugate Scherk Minimal Surface
68_Surface2A Fundamental Piece of the Discrete Conical Minimal Scherk Surface
68_Surface3Gauss map of the Scherk conical minimal surface
68_Surface4Discrete SC-Minimal Catenoid
68_Surface5Discrete Helicoid
68_Surface6Discrete Asymptotic Line Helicoid
68_Surface7Discrete Asymptotic Line Catenoid
68_Surface8Discrete Reuleaux Triangle Tetrahedron
68a_MixedSurfacesConjugate Scherk Minimal Surface
68b_MixedSurfacesConjugate Scherk Minimal Surface
69_Intersection_Conic_ConicIntersection of Conics
69_tracing4Intersection of Conics
69_tracing4_manyIntersection of Conics
70_DownClockDowntimer
70_TwoInstancesA simple sunflower
71_InstanceSwappingExclusiveSwapping between instances
72_InstanceSwappingCanvasSwapping between instances
73_InstanceSwappingEltSwapping between instances
74_CSad_exp_div_xCindy JS
74_CSad_quadraticCindy JS
74_CSad_rationalCindy JS
74_CSad_rootCindy JS
74_CSad_sinCindy JS
74_CSad_sin_div_xCindy JS
74_CSad_sincosCindy JS
74_FocusFocus behavior
75_DrawModifsCindyJS Draw Modifiers
76_I18nCindy JS Example
77_PluralsCindy JS Example
78_YahtzeeYahtzee demonstrating mincostmatching
79_CouplesCindy JS Example
80_Conic_by_2Foci_1Pconic by 2 foci and 1 point
81_ClockCindy JS Example
81_PolarConics
81_Polar_angular_bisectConics
81_WaitCindy JS Example
82_angle_bisectorCindy JS Example
85_CreateimageCindy JS Example
85a_CreateimageAffCindy JS Example
86_IFSCindy JS Example
87_IFSImCindy JS Example
87_IFSIm2Cindy JS Example
88_EigenvaluesEigenvalues2.cdy
88_LA_TestsLinear Algebra Tests
88_QRLinear Algebra Tests
88_TracingVis1Tracing visualization 1
88_TracingVis2Tracing visualization 2
88_VectorfieldCindy JS Example
89_MousePosCindy JS Example
90_Tracing1Tracing test 1
90_Tracing2Tracing test 2
90_Tracing3Tracing test 3
90_Tracing4Tracing test 4
90_Tracing5Tracing test 5
96_OtherIntersectionKonstruktion.cdy
97_OtherIntersectionCLKonstruktion.cdy
98_CompassKonstruktion.cdy
99_LineMirrorKonstruktion.cdy
BastelbogenCindy JS Example
BridgeBridge.cdy
Buttons1Buttons
Buttons2Buttons2
CalculationCalculations
CircleTestCircles Test.cdy
CircleTestNarrowCircles Test.cdy
CircleCircle
FoliumFolium of Descartes
SquareRootSquare root
ComplexFunction1ComplexFunction1.cdy
ConicBy1Pol1P2LConic by one polar pair, one point and two lines
ConicBy1Pol2P1LConic by one polar pair, two points and one line
ConicBy1Pol3LConic by one polar pair and three lines
ConicBy1Pol3PConic by one polar pair and three points
ConicBy2Pol1LConic by two polar pairs and one line
ConicBy2Pol1PConic by two polar pairs and one point
ConstructionConicFromPrincipalDirectionsConstructionConicFromPrincipalDirections.cdy
ConstructionFreeLineConstructionFreeLine.cdy
ConstructionHorizontalAndVerticalLinesConstructionHorizontalAndVerticalLines.cdy
ConstructionLineByFixedAngleConstructionLineByFixedAngle.cdy
ConstructionParabolaPLConstructionParabolaPL.cdy
ConstructionRadicalAxisApart-complexConstructionRadicalAxisApart.cdy
EditableTextEditable Text
EllipseWithPaperDrawing an ellipse with a strip of paper
ExamplesCindy JS Examples
LabeledSegmentsConstruction.cdy
Life2Game of Life
Life2aGame of Life
Life2bGame of Life
NinePointConicNine-point conic
ParabelParabel.cdy
PointOnCircleAngleConstruction.cdy
PolyEvenOddConstruction.cdy
86_ScriptCoSyCindy JS Example
TestUserDataDefineUserdata Define
Text1Dock1.cdy
TrRotationPNumb-150TrRotationPNumb-150.cdy
TrRotationPNumbTrRotationPNumb.cdy
VAM19 BoxplotVAM19 Boxplot.cdy
VAM4VAM4.cdy
animcontrolsCindy JS Example
arrow_playgroundArrow Playground
0259a_ChromeArcCindy JS Example
01_ThreeSpheresWebGL testing
02_TorusWebGL testing
03_RodWebGL testing
04_TorusWebGL testing
05_FishEyeWebGL testing
06_DrawPolyWebGL testing
07_QuadWebGL testing
08_EnneperWithDotsWebGL testing
09_EnneperWithDotsSSWebGL testing
10_EnneperWithDotsLightsWebGL testing
11_EnneperWithLightsWebGL testing
12_PolygonsWebGL testing
13_CylinderWebGL testing
14_Cylinder2WebGL testing
15_TorusWebGL testing
16_InteractionWebGL testing
16_MeshNormalsWebGL testing
17_ColorsMeshWebGL testing
18_EscherCubeEscher's impossible cube
18_TexTorusWebGL testing
19_SpecularWebGL testing
19_TexTorusCamWebGL testing
20_two_instancesWebGL testing
68_Surface1Conjugate Scherk Minimal Surface
68_Surface2A Fundamental Piece of the Discrete Conical Minimal Scherk Surface
68_Surface3Gauss map of the Scherk conical minimal surface
68_Surface4Discrete SC-Minimal Catenoid
68_Surface5Discrete Helicoid
68_Surface6Discrete Asymptotic Line Helicoid
68_Surface7Discrete Asymptotic Line Catenoid
68_Surface8Discrete Reuleaux Triangle Tetrahedron
KleinWebGL testing
01_colorplotstatic ColorPlot
02_mandelbrotMandelbrot Fractal
02_mandelbrot_3dMandelbrot Fractal
02_mandelbrot_cubicMandelbrot Fractal
02_mandelbrot_iterationsMandelbrot Fractal
03_complexplotComplex Function Plot
04_movingplotInterference
05_pixelinterferenceMoiré pattern
06_raytracer_bisectionRaytracer
06_raytracer_homotopyRaytracer (root tracing by homotopy)
07_diffusionHeat Diffusion
08_juliaJulia Feedbackloop
08_julia_advancedAdvanced Julia Feedbackloop
08_julia_conjugatedJulia Feedbackloop: Conjugated
08_julia_explanationCindy JS
08_julia_nointerpolationJulia Feedbackloop
09_ifsIFS Feedbackloop
09_ifs_barnsleyCindy JS
09_ifs_sierpinskiCindy JS
10_golGame of Life on GPU
10_gol_sumapplyGame of Life on GPU
11_tilingsTilings for 3 Generator Coxeter Groups
11_tilings_kaleidoscopeA Kaleidoscope
12_kleinianGeneration of Limit Sets of Kleinian Groups Using a Feedback Loop Approach
12_kleinian2Generation of Limit Sets of Kleinian Groups Using a Feedback Loop Approach
12_kleinian2_conjugatedGeneration of Limit Sets of Kleinian Groups Using a Feedback Loop Approach
12_kleinian_explanationCindy JS
13_randomRandom Operator on GPU
13_random2Random Operator on GPU
13_random3Random Operator on GPU
13_random4Random Operator on GPU
13_random5Random Operator on GPU
14_reactiondiffusionReaction-diffusion system
15_licLagrangian-Eulerian Advection of Noise (with LIC postprocessing)
15_lic2Lagrangian-Eulerian Advection of Noise (without LIC)
15_lic3Lagrangian-Eulerian Advection of Noise
16_userinputComplex Function Plot with user input
16_userinput_licLagrangian-Eulerian Advection of Noise (without LIC)
17_imagesLoading Images
17_images_bluriterated box blur filter on loaded Image
18_hidpitestHiDPI-Test
19_colorplot3Creating a colorplot as in Cinderella
20_arctan2Implementation of complex arctan2
21_pickitCindy JS Example
22_explorerFunction Explorer
23_infix_distInterference
24_webcamWebcam in Cindy JS
24_webcam2Webcam in Cindy JS
24_webcam_inversionInversion + Webcam in Cindy JS
24_webcam_juliaWebcam in Cindy JS
24_webcam_motionblurWebcam in Cindy JS
24_webcam_sierpinskiWebcam in Cindy JS
25_dragdropCindy JS Example
26_readcanvasimageCindy JS Example
27_changingimagesCindy JS Example
28_apollian_gasketCindy JS
29_modifiers_tunnelCindy JS Example
30_verbatimglslVerbatim GLSL-code in colorplot
31_fftFFT by iterating a texture operation
31_fftinvFFT by iterating a texture operation
32_2dimensionalfft2 dimensional FFT by iterating a texture operation
32_autocorrelationAutocorrelation
32_foriersteps2 dimensional FFT by iterating a texture operation
33_typedetectionType detection
34_cpuimagergbaimagergba4
34_videoVideo in Cindy JS
35_spirocomplexSpiro.cdy
36_raycasting_kummerRaycasting a surface of degree 4
37_matrixdeterminant3 x 3 matrix determinant
37_matrixtest3 x 6 matrix test
37_matrixtest53 x 5 matrix test
37_matrixtranspose3 x 3 matrix transpose
37_matrixtranspose22 x 3 matrix transpose
38_rockpaperscissorsRock–paper–scissors in RGB
39_codemirrorLive Code with CodeMirror
40_waveintersectionInterference
40_waveintersection_forallInterference
40_waveintersection_sumapplyInterference
41_applyapply within CindyGL
41_sumsum within CindyGL
42_taylorTaylor series of complex functions
43_accessarrayindexAccessing array indices within loop
43_accessarrayindex_forallAccessing array indices within loop
43_accessarrayindex_repeatAccessing array indices within loop
43_accessarrayindex_sumapplyAccessing array indices within loop
44_raycastingRaycasting Surfaces
44_raycasting_aberthRaycasting arbitrary algebraic surfaces
44_raycasting_aberth_realRaycasting arbitrary algebraic surfaces
44_raycasting_monomial_roleRaycasting arbitrary algebraic surfaces
44_raycasting_symbolicRaycasting Implicit Surfaces
45_bokehWebcam in Cindy JS
45_zetaThe Riemann Zeta-function
46_sortSort within Cindy JS
47_analyticlandscapeComplex Analytic Landscapes
48_moleculesRunge-Kutta
50_fluidSimulation of a fluid
52_apollonian_fromcdy52_apollonian_fromcdy.cdy
53_inversetrigonometricImplementation of inverse trigonometric functions
54_montecarloCindy JS
55_webcam_functionApplying a function to the webcam data
56_webcam_function_inverseApplying a function to the webcam data
56_webcam_function_inverse_2Applying a function to the webcam data
56_webcam_function_inverse_3Applying a function to the webcam data
57_webcam_meanCalculating the Mean Color of an Image
58_webcam_mean_varianceCalculating the Variance of an Image
58_webcam_track_moving_objectTrack a moving object
59_colorwheelexported from UIExperiments.html
60_conchoidConchoid of Nicomedes
60_wattcurveWatt's curve
61_fermatpointThe Fermat point
62_steinerlehmusGeneralizing the Steiner-Lehmus Theorem
62_steinerlehmus2Generalizing the Steiner-Lehmus Theorem
63_eulerinequalityExported from https://cindyjs.org/editor/
64_drawimage5Emulated drawimage$5
65_twoinstancesTwo instances with CindyGL
66_3-ellipses3-ellipses
66_4-ellipses4-ellipse
66_ellipsesellipses
01_TorusWebGL testing
02_RaycastingRaycasting Surfaces
03_dvr_hand_leapCindy JS
04_FingerTracking_HandOnlyWebGL testing
05_FingerTracking_HandStreamlinedWebGL testing
06_FingerTracking_HandAndArmWebGL testing
07_FingerTracking_HandAndArmStreamlinedWebGL testing
08_FingerTracking_GesturesWebGL testing
01_ThreeSpheresWebGL testing
02_TorusWebGL testing
03_RodWebGL testing
04_TorusWebGL testing
04_Torus_TubeWebGL testing
05_FishEyeWebGL testing
06_DrawPolyWebGL testing
08_EnneperWithDotsWebGL testing
09_EnneperWithDotsSSWebGL testing
10_EnneperWithDotsLightsWebGL testing
11_EnneperWithLightsWebGL testing
15_TorusWebGL testing
16_MeshNormalsWebGL testing
17_ColorsMeshWebGL testing
18_EscherCubeEscher's impossible cube
18_TexTorusWebGL testing
68_Surface1Conjugate Scherk Minimal Surface
68_Surface2A Fundamental Piece of the Discrete Conical Minimal Scherk Surface
68_Surface3Gauss map of the Scherk conical minimal surface
68_Surface4Discrete SC-Minimal Catenoid
68_Surface5Discrete Helicoid
68_Surface6Discrete Asymptotic Line Helicoid
68_Surface7Discrete Asymptotic Line Catenoid
68_Surface8Discrete Reuleaux Triangle Tetrahedron
69_Raycasting_PrintRaycasting Surfaces
70_Lissajous_CylinderWebGL testing
70_Lissajous_SpheresWebGL testing
70_Lissajous_TubeWebGL testing
71_HelixWebGL testing
01_RaytracingSphereExported from https://cindyjs.org/editor/: A simple three-dimensional scene
02_TorusWebGL testing
03_FractalExported from https://cindyjs.org/editor/
04_HandTrackingWebGL testing
05_EventsWebGL testing
cmdlineCindyScript command line
createtoolConstruction tools
createtoolExternalCreatetool with external containers
drawtraceFieldToggeling trace drawing dynamically
fullscreenWidget which can enter fullscreen mode
fullsizeWidget filling whole window
jsonCindy JS Example
katex1Cindy JS Example
keysCindy JS Example
labeledCindy JS Example
mouseeventsMouse events
moverSwitchingCindy JS Example
multitouchMultitouch scripting
multitouchtrafoMultitouch scripting
noborderCindy JS Example
resizeResponsive widget resizing
CanonPachelbel's Canon
OpSound_ExamplesOpSound Examples
TwoSinesSine
grooveGroove
owtsOh when the saints
simplepianoA simple piano
susannaOh, Susanna
01_basic_symbolic_operationsCindyScript command line
02_plotsCindyScript command line
tCindy JS
templateCindy JS Example
01_posesTensorFlow.js in PoseNet
02_humantreeTensorFlow.js in An IFS with PoseNet
03_fixnoseeyesTensorFlow.js in Fix eyes and nose with moebius-transformation
04_mobilenetTensorFlow.js in MobileNet
test-convex-hull-2Schnitte durch 4-dimensionale reguläre Polytope
test-convex-hull-3Cindy JS Example
test-convex-hullCindy JS Example
testAngle Bisector
test0Euler-Line
test_createCindy JS
test_create2Cindy JS
textsizeText sizes
video1Video in Cindy JS
webcam1Webcam in Cindy JS
webcam1_modifiersWebcam in Cindy JS
webcam2Webcam in Cindy JS