diff --git a/client/app/components/EditVisualizationButton/QueryControlDropdown.jsx b/client/app/components/EditVisualizationButton/QueryControlDropdown.jsx
index 89ce988fd3..2a2b4989f0 100644
--- a/client/app/components/EditVisualizationButton/QueryControlDropdown.jsx
+++ b/client/app/components/EditVisualizationButton/QueryControlDropdown.jsx
@@ -66,6 +66,17 @@ export default function QueryControlDropdown(props) {
           <FileExcelOutlinedIcon /> Download as Excel File
         </QueryResultsLink>
       </Menu.Item>
+      <Menu.Item>
+        <QueryResultsLink
+          fileType="json"
+          disabled={props.queryExecuting || !props.queryResult.getData || !props.queryResult.getData()}
+          query={props.query}
+          queryResult={props.queryResult}
+          embed={props.embed}
+          apiKey={props.apiKey}>
+          <FileOutlinedIcon /> Download as JSON File
+        </QueryResultsLink>
+      </Menu.Item>
     </Menu>
   );
 
diff --git a/client/app/components/dashboards/dashboard-widget/VisualizationWidget.jsx b/client/app/components/dashboards/dashboard-widget/VisualizationWidget.jsx
index 9a021cc8bd..01d43d0afe 100644
--- a/client/app/components/dashboards/dashboard-widget/VisualizationWidget.jsx
+++ b/client/app/components/dashboards/dashboard-widget/VisualizationWidget.jsx
@@ -58,6 +58,15 @@ function visualizationWidgetMenuOptions({ widget, canEditDashboard, onParameters
         "Download as Excel File"
       )}
     </Menu.Item>,
+    <Menu.Item key="download_json" disabled={isQueryResultEmpty}>
+      {!isQueryResultEmpty ? (
+        <Link href={downloadLink("json")} download={downloadName("json")} target="_self">
+          Download as JSON File
+        </Link>
+      ) : (
+        "Download as JSON File"
+      )}
+    </Menu.Item>,
     (canViewQuery || canEditParameters) && <Menu.Divider key="divider" />,
     canViewQuery && (
       <Menu.Item key="view_query">
diff --git a/client/app/pages/queries/VisualizationEmbed.jsx b/client/app/pages/queries/VisualizationEmbed.jsx
index a4bcaf3177..37411d47b4 100644
--- a/client/app/pages/queries/VisualizationEmbed.jsx
+++ b/client/app/pages/queries/VisualizationEmbed.jsx
@@ -100,6 +100,17 @@ function VisualizationEmbedFooter({
           <FileExcelOutlinedIcon /> Download as Excel File
         </QueryResultsLink>
       </Menu.Item>
+      <Menu.Item>
+        <QueryResultsLink
+          fileType="json"
+          query={query}
+          queryResult={queryResults}
+          apiKey={apiKey}
+          disabled={!queryResults || !queryResults.getData || !queryResults.getData()}
+          embed>
+          <FileOutlinedIcon /> Download as JSON File
+        </QueryResultsLink>
+      </Menu.Item>
     </Menu>
   );