Contents: Overview Model Selector Model 1 Model 2 Model 3 Scaling Plot Canvases Cursor Data Curve List Compute & Clear Export

This tutorial describes the Spherical Diffusion applet, which models radial diffusion of a solute into or out of a sphere. Three physical scenarios are available. In all cases the applet simultaneously displays a concentration profile (top canvas) and a fractional uptake or release curve (bottom canvas). For the mathematical background, see the Solution Tutorial.

1 Interface Overview
General Parameters
D, a, concentrations
Fixed Time / Dist
radio + value field
Scaling Control
Auto / Manual t range
Options
Npts, Multiple Plots
Compute Curve
Clear Curves
Top Canvas — Concentration C vs r (or vs t)
Bottom Canvas — Fractional Uptake / Release f vs t
Concentration
Radius / Time: …
Value: …
Fractional
Time: …
Value: …
Active Curves
● curve label ✕
Show Data Table
UI Tutorial
Solution Tutorial
  • Model selector — dropdown at the very top chooses the diffusion scenario. Changing model clears all curves.
  • Left panel — parameters, scaling controls, and Compute / Clear buttons.
  • Top canvas — concentration profile C(r) at a fixed time, or C(t) at a fixed radius.
  • Bottom canvas — fractional uptake, release, or fraction filled — always vs time.
  • Right panel — live cursor readouts for both canvases, active curves list, Show Data Table, and tutorial links.
2 Model Selector
Select a spherical diffusion model:
1) Diffusion into empty sphere from infinite bath â–¾
ModelScenarioInitial ConditionBoundary Condition
1Uptake into empty sphereC = 0 everywhere insideC = Câ‚€ at r = a (constant, for all t > 0)
2Release from uniformly loaded sphereC = Câ‚€ uniform insideC = 0 at r = a (infinite clean bath)
3Release from non-uniformly loaded sphereNon-uniform profile from prior uptake phase with Dâ‚‚ for time tâ‚€C = 0 at r = a during release
Tip: Changing the model clears all existing curves and resets the cursor readouts. Set parameters before clicking Compute.
3 Model 1 — Diffusion into Empty Sphere

Parameters

ParameterDescription
Diffusion Coefficient (D)Single diffusion coefficient for transport into the sphere.
Concentration outside Sphere (c)Constant concentration maintained at the sphere surface for all t > 0.
Sphere Radius (a)Radius of the sphere. The profile plots r from 0 to a.

Fixed Time vs Fixed Distance

Fixed Time for Uptake (t) 1.0000
Fixed Dist for Uptake (r) 0.5000
  • Fixed Time — the top canvas shows C vs r (concentration profile) at that time snapshot, showing how far the diffusion front has penetrated.
  • Fixed Distance — the top canvas shows C vs t at a fixed radial position, showing how quickly concentration builds up at that depth inside the sphere.

The bottom canvas always shows fractional uptake f(t) = Mₜ/M∞ vs time regardless of which radio button is selected.

Tip: Use Fixed Time to visualize the diffusion front as a snapshot. Use Fixed Distance with r = 0 to see the breakthrough curve at the sphere center.
4 Model 2 — Diffusion Out of Uniformly Loaded Sphere

Parameters

ParameterDescription
Diffusion Coefficient (D)Diffusion coefficient for mass release out of the sphere.
Concentration inside Sphere (c)The uniform initial concentration inside the sphere at t = 0. The outside is clean (C = 0) for all t.
Sphere Radius (a)Radius of the sphere.

The same Fixed Time / Fixed Distance controls apply as in Model 1, but the labels read "Release" instead of "Uptake". The top canvas shows the declining concentration profile as mass leaves the sphere. The bottom canvas shows fractional release.

5 Model 3 — Release from Non-Uniformly Loaded Sphere

Parameters

ParameterDescription
Diffusion Coeff. for Release (D1)Diffusion coefficient used during the release phase.
Diffusion Coeff. for Uptake (D2)Diffusion coefficient used during the initial loading phase. Can differ from D1 to simulate hysteresis.
Concentration outside Sphere (c)The concentration maintained outside the sphere during loading. During release the outside is clean.
Sphere Radius (a)Radius of the sphere.
Fixed Time for Release (t)The elapsed release time at which the concentration profile is plotted on the top canvas.
Fixed Time for Uptake (tâ‚€)How long the sphere was loaded before release began. Controls the shape of the non-uniform initial profile.

There is no Fixed Distance option for Model 3 — the top canvas always shows C vs r at the specified release time. The bottom canvas shows fraction of sphere filled (mass remaining / maximum possible mass) vs release time.

Tip: Set t₀ very large (D₂·t₀/a² > 1) so the initial profile is nearly uniform — results should closely match Model 2. Set t₀ small for a steep initial gradient concentrated near the surface.
6 Scaling and Plotting Control
Automatic Time Scaling
Manual Time Scaling
Min t: 0   Max t: 10
  • Automatic — t-range is set to span roughly from 0 to the time at which f ≈ 0.97 (i.e., Dπ²t/a² ≈ 3). Good default for most parameters.
  • Manual — type explicit Min t and Max t. Min/Max fields are disabled in Automatic mode and enabled when Manual is selected. Use this to zoom in on early-time behavior or to compare curves over a specific time window.
Number of Data Points: 101

More points give smoother curves; 101 is sufficient for most cases.

Multiple Plots — add curves without clearing
  • Multiple Plots — when checked, each Compute adds a new curve in a new color without removing previous ones. Uncheck to replace all curves on each click.
7 Plot Canvases

Top Canvas — Concentration Profile

Shows the concentration C(r) at a fixed time (or C(t) at a fixed radius for Models 1 & 2). The x-axis label changes accordingly: Distance from Center or Time. Each curve is drawn in a different color and the legend is shown in the upper-left of the canvas.

Bottom Canvas — Fractional Uptake / Release

Always shows the fractional quantity vs time:

  • Model 1: Fractional Uptake f = Mₜ/M∞ (rises from 0 → 1 as sphere fills)
  • Model 2: Fractional Release f = Mₜ/Mâ‚€ (falls from 1 → 0 as sphere empties)
  • Model 3: Fraction of Sphere Filled = mass remaining / maximum possible mass
Tip: Each canvas responds independently to mouse hover — moving over the top canvas updates the Concentration readout; moving over the bottom canvas updates the Fractional readout. Moving off a canvas clears only that canvas's readout.
8 Cursor Data (Right Panel — top)

Move the cursor over either canvas to read exact values. A dashed vertical line follows the cursor on the active canvas.

CanvasReadout updatesClears when
Top (Concentration)Radius or Time coordinate + interpolated C value. When multiple curves are plotted all Y values are shown separated by "/".Mouse leaves the top canvas
Bottom (Fractional)Time coordinate + interpolated f value. When multiple curves are plotted all Y values are shown separated by "/".Mouse leaves the bottom canvas
Tip: Hover the bottom canvas and slide along the fractional curve to find the time at which f = 0.5 (half-life) or f = 0.9 (90% equilibrium).
9 Active Curves (Right Panel — middle)

Once at least one curve has been computed, an Active Curves list appears in the right panel. Each entry shows a colored swatch and the curve label (derived from the parameter values used).

  • Click the ✕ button on any curve to remove it from both canvases immediately.
  • The cursor readouts are also cleared when a curve is deleted.
  • The list disappears when no curves remain.
10 Compute & Clear
Compute Curve Clear Curves
ButtonAction
Compute CurveSolves the analytical equations with current parameters and adds the curve to both canvases. If Multiple Plots is unchecked, all existing curves are cleared first.
Clear CurvesRemoves all curves from both canvases and resets cursor readouts and the Active Curves list.

Any validation errors (e.g., D ≤ 0, invalid radius) are shown in a red message below the checkboxes in the left panel.

11 Exporting Data (Right Panel — bottom)
Show Data Table UI Tutorial Solution Tutorial

The Show Data Table, UI Tutorial, and Solution Tutorial buttons are located at the bottom of the right panel, below the Active Curves list.

Clicking Show Data Table opens a modal with two rows of tabs:

  • Graph tabs (top row): switch between Concentration data and Fractional data.
  • Curve tabs (second row): select which curve's data to view. Each tab is color-coded to match the curve on the canvas.
  • Click CSV to download the currently displayed graph + curve as a comma-separated file.
Tip: Use the graph tabs to export Concentration and Fractional data separately — each CSV contains only the data for the selected graph.

► Launch the Model → Solution Tutorial