Editing JavaScript during development

As a troubleshooting convenience, Studio provides an inline JavaScript editor so you can modify a component's JavaScript directly. You do not have to upload the file again using the Add Component wizard. You modify the JavaScript inline as part of debugging the component. This JavaScript editor is available only while a component is unpublished.

You must have already created a custom visualization component and added it to a project before you can edit the component's JavaScript.

To edit JavaScript during development:

  1. Open a project and add your Custom Visualization Component to a Discover page.
  2. Click the pencil icon to edit the visualization settings.
  3. Click the Edit JavaScript link.
    For example:
    Show where the Edit JavaScript link is located in the Visualization Settings menu

  4. In the Edit JavaScript editor, modify the component's code as necessary to adjust its behavior.
  5. Click Save and exit.
The code changes take place immediately.