├── .gitignore
├── LICENSE
├── README.md
├── analyze.sh
├── build.js
├── config
├── env.js
├── jest
│ ├── cssTransform.js
│ └── fileTransform.js
├── paths.js
├── webpack.config.js
└── webpackDevServer.config.js
├── images
├── contour-integral.png
├── elliptic.png
├── j-invariant.png
├── screenshot-1-original.png
├── screenshot-1.png
├── screenshot-2.png
└── zeta.png
├── package-lock.json
├── package.json
├── public
├── 404.html
├── android-chrome-192x192.png
├── android-chrome-512x512.png
├── favicon.ico
├── index.html
└── manifest.json
├── scripts
├── build.js
├── start.js
└── test.js
└── src
├── App.css
├── App.js
├── App.test.js
├── components
├── ControlBar
│ ├── ControlBar.js
│ └── control-bar.css
├── FunctionEditor
│ ├── FunctionEditor.js
│ └── function-editor.css
├── FunctionPlot
│ ├── CoordinateOverlay.js
│ ├── function-plot.css
│ └── index.js
├── HelpText
│ ├── HelpText.js
│ └── help-text.css
├── IntegralCalculator
│ ├── IntegralPanel.js
│ ├── ResultTooltip.js
│ ├── index.js
│ └── strategies
│ │ ├── Circle.js
│ │ ├── Freeform.js
│ │ ├── FreeformClosed.js
│ │ ├── Strategy.js
│ │ ├── Test.js
│ │ └── util.js
├── OptionsPanel
│ └── OptionsPanel.js
├── SidePanel
│ ├── SidePanel.js
│ └── side-panel.css
├── SliderPanel
│ ├── SliderPanel.js
│ ├── VariableAdder.js
│ ├── VariableSlider.js
│ ├── editable-value
│ │ ├── EditableValue.css
│ │ ├── EditableValue.js
│ │ └── parsers.js
│ ├── slider-panel.css
│ └── slider
│ │ ├── Slider.css
│ │ └── Slider.js
├── control-panel.css
└── util.js
├── favicon.png
├── gl-code
├── README.md
├── complex-functions.js
├── function-list.js
├── grammar.html
├── grammar.js
├── grammar.ne
├── make
├── scene.js
├── scratch
│ ├── erf.py
│ ├── eta.py
│ ├── modular.py
│ └── zeta.py
├── shaders.js
└── translators
│ ├── compiler.js
│ ├── custom-functions.js
│ ├── derivative.js
│ ├── to-glsl.js
│ └── to-js.js
├── index.css
├── index.js
├── registerServiceWorker.js
└── theme.js
/.gitignore:
--------------------------------------------------------------------------------
1 | # See https://help.github.com/ignore-files/ for more about ignoring files.
2 |
3 | # dependencies
4 | /node_modules
5 |
6 | # testing
7 | /coverage
8 |
9 | # production
10 | /build
11 |
12 | # misc
13 | .DS_Store
14 | .env.local
15 | .env.development.local
16 | .env.test.local
17 | .env.production.local
18 |
19 | npm-debug.log*
20 | yarn-debug.log*
21 | yarn-error.log*
22 |
23 | *.swp
24 |
--------------------------------------------------------------------------------
/README.md:
--------------------------------------------------------------------------------
1 | # Complex Function Plotter 
2 | A fully-featured, responsive [domain-coloring plotter](https://samuelj.li/complex-function-plotter) for complex-analytic functions.
3 |
4 | 
5 | 
6 | 
7 | 
8 | 
9 | 
10 |
11 | ## Features
12 | * Beautiful, fast, interactive domain-coloring plots of complex functions
13 | * Computation of arbitrary contour integrals and residues
14 | * Arbitrary number of auxiliary variables; fast + smooth visualization of their effect on the plotted function
15 | * Arbitrary custom functions via GLSL shader API
16 | * Several toggleable display and graphics options
17 | * Fully anti-aliased and anti-Moiré'd visual output
18 |
19 | ## Documentation
20 | Full documentation is available within the app.
21 | Click the ‘Help’ button in the upper right to open.
22 |
--------------------------------------------------------------------------------
/analyze.sh:
--------------------------------------------------------------------------------
1 | #! /bin/bash
2 | source-map-explorer build/static/js/*.js
3 |
--------------------------------------------------------------------------------
/build.js:
--------------------------------------------------------------------------------
1 | process.env.NODE_ENV = "production"
2 | var BundleAnalyzerPlugin = require("webpack-bundle-analyzer").BundleAnalyzerPlugin;
3 |
4 | const webpackConfigProd = require("react-scripts/config/webpack.config.prod");
5 |
6 | webpackConfigProd.plugins.push(
7 | new BundleAnalyzerPlugin({
8 | analyzerMode: "static",
9 | reportFilename: "report.html",
10 | })
11 | )
12 |
13 | require("react-scripts/scripts/build");
14 |
--------------------------------------------------------------------------------
/config/env.js:
--------------------------------------------------------------------------------
1 | 'use strict';
2 |
3 | const fs = require('fs');
4 | const path = require('path');
5 | const paths = require('./paths');
6 |
7 | // Make sure that including paths.js after env.js will read .env variables.
8 | delete require.cache[require.resolve('./paths')];
9 |
10 | const NODE_ENV = process.env.NODE_ENV;
11 | if (!NODE_ENV) {
12 | throw new Error(
13 | 'The NODE_ENV environment variable is required but was not specified.'
14 | );
15 | }
16 |
17 | // https://github.com/bkeepers/dotenv#what-other-env-files-can-i-use
18 | var dotenvFiles = [
19 | `${paths.dotenv}.${NODE_ENV}.local`,
20 | `${paths.dotenv}.${NODE_ENV}`,
21 | // Don't include `.env.local` for `test` environment
22 | // since normally you expect tests to produce the same
23 | // results for everyone
24 | NODE_ENV !== 'test' && `${paths.dotenv}.local`,
25 | paths.dotenv,
26 | ].filter(Boolean);
27 |
28 | // Load environment variables from .env* files. Suppress warnings using silent
29 | // if this file is missing. dotenv will never modify any environment variables
30 | // that have already been set. Variable expansion is supported in .env files.
31 | // https://github.com/motdotla/dotenv
32 | // https://github.com/motdotla/dotenv-expand
33 | dotenvFiles.forEach(dotenvFile => {
34 | if (fs.existsSync(dotenvFile)) {
35 | require('dotenv-expand')(
36 | require('dotenv').config({
37 | path: dotenvFile,
38 | })
39 | );
40 | }
41 | });
42 |
43 | // We support resolving modules according to `NODE_PATH`.
44 | // This lets you use absolute paths in imports inside large monorepos:
45 | // https://github.com/facebook/create-react-app/issues/253.
46 | // It works similar to `NODE_PATH` in Node itself:
47 | // https://nodejs.org/api/modules.html#modules_loading_from_the_global_folders
48 | // Note that unlike in Node, only *relative* paths from `NODE_PATH` are honored.
49 | // Otherwise, we risk importing Node.js core modules into an app instead of Webpack shims.
50 | // https://github.com/facebook/create-react-app/issues/1023#issuecomment-265344421
51 | // We also resolve them to make sure all tools using them work consistently.
52 | const appDirectory = fs.realpathSync(process.cwd());
53 | process.env.NODE_PATH = (process.env.NODE_PATH || '')
54 | .split(path.delimiter)
55 | .filter(folder => folder && !path.isAbsolute(folder))
56 | .map(folder => path.resolve(appDirectory, folder))
57 | .join(path.delimiter);
58 |
59 | // Grab NODE_ENV and REACT_APP_* environment variables and prepare them to be
60 | // injected into the application via DefinePlugin in Webpack configuration.
61 | const REACT_APP = /^REACT_APP_/i;
62 |
63 | function getClientEnvironment(publicUrl) {
64 | const raw = Object.keys(process.env)
65 | .filter(key => REACT_APP.test(key))
66 | .reduce(
67 | (env, key) => {
68 | env[key] = process.env[key];
69 | return env;
70 | },
71 | {
72 | // Useful for determining whether we’re running in production mode.
73 | // Most importantly, it switches React into the correct mode.
74 | NODE_ENV: process.env.NODE_ENV || 'development',
75 | // Useful for resolving the correct path to static assets in `public`.
76 | // For example, 
.
77 | // This should only be used as an escape hatch. Normally you would put
78 | // images into the `src` and `import` them in code to get their paths.
79 | PUBLIC_URL: publicUrl,
80 | }
81 | );
82 | // Stringify all values so we can feed into Webpack DefinePlugin
83 | const stringified = {
84 | 'process.env': Object.keys(raw).reduce((env, key) => {
85 | env[key] = JSON.stringify(raw[key]);
86 | return env;
87 | }, {}),
88 | };
89 |
90 | return { raw, stringified };
91 | }
92 |
93 | module.exports = getClientEnvironment;
94 |
--------------------------------------------------------------------------------
/config/jest/cssTransform.js:
--------------------------------------------------------------------------------
1 | 'use strict';
2 |
3 | // This is a custom Jest transformer turning style imports into empty objects.
4 | // http://facebook.github.io/jest/docs/en/webpack.html
5 |
6 | module.exports = {
7 | process() {
8 | return 'module.exports = {};';
9 | },
10 | getCacheKey() {
11 | // The output is always the same.
12 | return 'cssTransform';
13 | },
14 | };
15 |
--------------------------------------------------------------------------------
/config/jest/fileTransform.js:
--------------------------------------------------------------------------------
1 | 'use strict';
2 |
3 | const path = require('path');
4 |
5 | // This is a custom Jest transformer turning file imports into filenames.
6 | // http://facebook.github.io/jest/docs/en/webpack.html
7 |
8 | module.exports = {
9 | process(src, filename) {
10 | const assetFilename = JSON.stringify(path.basename(filename));
11 |
12 | if (filename.match(/\.svg$/)) {
13 | return `const React = require('react');
14 | module.exports = {
15 | __esModule: true,
16 | default: ${assetFilename},
17 | ReactComponent: React.forwardRef((props, ref) => ({
18 | $$typeof: Symbol.for('react.element'),
19 | type: 'svg',
20 | ref: ref,
21 | key: null,
22 | props: Object.assign({}, props, {
23 | children: ${assetFilename}
24 | })
25 | })),
26 | };`;
27 | }
28 |
29 | return `module.exports = ${assetFilename};`;
30 | },
31 | };
32 |
--------------------------------------------------------------------------------
/config/paths.js:
--------------------------------------------------------------------------------
1 | 'use strict';
2 |
3 | const path = require('path');
4 | const fs = require('fs');
5 | const url = require('url');
6 |
7 | // Make sure any symlinks in the project folder are resolved:
8 | // https://github.com/facebook/create-react-app/issues/637
9 | const appDirectory = fs.realpathSync(process.cwd());
10 | const resolveApp = relativePath => path.resolve(appDirectory, relativePath);
11 |
12 | const envPublicUrl = process.env.PUBLIC_URL;
13 |
14 | function ensureSlash(inputPath, needsSlash) {
15 | const hasSlash = inputPath.endsWith('/');
16 | if (hasSlash && !needsSlash) {
17 | return inputPath.substr(0, inputPath.length - 1);
18 | } else if (!hasSlash && needsSlash) {
19 | return `${inputPath}/`;
20 | } else {
21 | return inputPath;
22 | }
23 | }
24 |
25 | const getPublicUrl = appPackageJson =>
26 | envPublicUrl || require(appPackageJson).homepage;
27 |
28 | // We use `PUBLIC_URL` environment variable or "homepage" field to infer
29 | // "public path" at which the app is served.
30 | // Webpack needs to know it to put the right
9 | Page Redirection
10 |
11 |
12 | If you are not redirected automatically, follow this link.
13 |
14 |