Unit Circle Visualizer - Online Trigonometry Interactive Chart
Drag an angle around the unit circle and see sin, cos, tan values change live. Degrees and radians display. Perfect for learning trig.
UD5 Toolkit
Plot multiple 2D functions, pan & zoom interactively
^ for exponents, pi for Ο, ln for natural log, log for logββ. Drag to pan, scroll to zoom.
You can plot virtually any mathematical function of x. Supported operations include: basic arithmetic (+ - * /), exponents (x^2 or x**2), trigonometric functions (sin, cos, tan, asin, acos, atan), hyperbolic functions (sinh, cosh, tanh), logarithms (ln for natural log, log for logββ), square root (sqrt), absolute value (abs), exponential (exp), and constants (pi, e). Implicit multiplication like 2x or 3sin(x) is supported.
Pan (move): Click and drag anywhere on the canvas with your mouse, or use a single finger on touch devices. Zoom: Use your mouse scroll wheel, or pinch with two fingers on touch devices. Zooming is centered on your cursor position for intuitive navigation. You can also use the Zoom In/Out buttons and Reset View button above the graph.
Absolutely! Click the "Add Function" button to add more function input rows. Each function is plotted in a distinct color with its own legend entry in the top-right corner of the graph. You can remove any function using the Γ button next to its input. The tool supports up to 8 functions simultaneously, each clearly distinguishable by color.
Some functions have asymptotes (vertical lines where the function approaches infinity) or discontinuities. For example, tan(x) has asymptotes at x = Ο/2 + nΟ, and 1/x is undefined at x = 0. The plotter automatically detects these large jumps and breaks the curve to avoid drawing misleading vertical lines. If your function produces NaN (not a number) for certain x values, those points are skipped.
In this tool, log(x) represents the common logarithm (base 10, logββ), while ln(x) represents the natural logarithm (base e, ln). This follows the convention used in many graphing calculators. If you need logarithm with an arbitrary base b, use the change-of-base formula: ln(x)/ln(b) or log(x)/log(b).
The plotter samples the function at every pixel column across the screen width (typically 1000+ sample points), providing smooth and accurate curves at any zoom level. When you zoom in, the sampling density automatically increases relative to the world coordinates, ensuring fine details are captured. The coordinate display in the bottom-left corner shows real-time (x, y) values as you move your cursor.
Yes! The tool is fully responsive and optimized for mobile use. You can pan with one-finger drag and zoom with a two-finger pinch gesture. The interface adapts to smaller screens, and all buttons remain accessible. For the best experience on small phones, rotate to landscape orientation to get a wider graph area.
Implicit multiplication allows you to write expressions more naturally without typing the * symbol. For example: 2x is interpreted as 2*x, 3sin(x) becomes 3*sin(x), (x+1)(x-1) becomes (x+1)*(x-1), and x(x+2) becomes x*(x+2). This makes entering functions faster and more readable, closely matching handwritten math notation.
Drag an angle around the unit circle and see sin, cos, tan values change live. Degrees and radians display. Perfect for learning trig.
Paste a JSON object and see a dynamic, draggable tree graph representation. Excellent for debugging nested data.
Upload an image and see its 2D FFT magnitude and phase. Learn how image filtering works. Educatinal tool. Canvas.
Build a GraphQL query by selecting fields and nesting visually. Copy the built query string. For learning and fast prototyping.
Connect a game controller and see every button press, axis movement, and vibration test. Uses the Gamepad API.
Enter a GraphQL endpoint, write a query, and see the response. Add headers and variables. Simple testing client.
Execute GraphQL queries against any endpoint with variables and headers. Explore schema via introspection. All requests made directly from your browser.
Drag a battery, resistor, LED onto a grid and simulate current flow. Show Ohm's law in action.
See interactive Venn diagrams for SQL JOINs: INNER, LEFT, RIGHT, FULL, CROSS. Understand set theory visually. Local static site.
Create simple ASCII diagrams (arrows, boxes, trees) using a visual editor. Copy the plain text art. For comments and docs.
Watch a simulation of how the JavaScript event loop handles synchronous code, microtasks, and macrotasks. Learn async.
Create a basic Open Graph image with a title, background color, and logo. Download as PNG. Perfect for small sites.
Simulate paint colors on a pre-loaded room photo by adjusting hue, saturation. Find your perfect shade before buying. Local canvas.
Create a halftone dot pattern from two colors. Adjust dot size and spacing. Get the CSS or download as image.
Manipulate RGB and brightness curves with interactive splines. Apply professional color grading to your images. Fully in-browser.
Build cron expressions using a visual editor with dropdowns. See human-readable description and next run times. Easier than raw cron.
Calculate load capacitors for a crystal oscillator given stray capacitance and crystal CL. Essential for microcontroller circuit design. Local.
Enter item dimensions and find the smallest rectangular box that can fit them (simple packing heuristic). Helps reduce shipping costs. Local algorithm.
Input telescope and eyepiece parameters to see a simulated view of the Moon or Andromeda. Plan observations.
Click to build a laundry symbol and learn its meaning, or look up common symbols. Never ruin clothes again.
Assign an ICC profile to an image and simulate how it would look on another device. For accurate color workflows. Local.
Set a cron expression and see a calendar of the next 1,000 execution times. Never miss a schedule again.
Experience the four stages of rock tumbling virtually. Start with rough stones and watch them polish over 'days'. Satisfying.
Fill in a form to generate a valid package.json for your Node.js project. Includes popular scripts and fields. Local only.
Enter processes and see how different scheduling algorithms handle them. Gantt chart generation. OS course helper.
Easily create asymmetric border radius values and preview the result. Copy the generated CSS instantly. All interactively and browser-based.
Browse thousands of Unicode characters, search by name or code, and copy symbols to clipboard. Supports emojis, arrows, and math symbols.
Select project type and leather weight to get recommended stitch spacing and thread size.
Wrap text around a circular image or element. Adjust radius and position. Get the clean CSS for magazineβstyle layouts.
Convert any image into beautiful ASCII art. Adjust brightness and character set for the best effect. Share text-based pictures. Runs entirely in the browser.