diff --git a/src/i18n/content/es/docs/accounts/accounts-billing/new-relic-one-user-management/user-permissions.mdx b/src/i18n/content/es/docs/accounts/accounts-billing/new-relic-one-user-management/user-permissions.mdx
index d6b8a8d8391..3727153ed44 100644
--- a/src/i18n/content/es/docs/accounts/accounts-billing/new-relic-one-user-management/user-permissions.mdx
+++ b/src/i18n/content/es/docs/accounts/accounts-billing/new-relic-one-user-management/user-permissions.mdx
@@ -250,7 +250,7 @@ Para obtener más información sobre permisos específicos, seleccione una categ
 
     * <DoNotTranslate>**View session replays**</DoNotTranslate>
 
-      : se relaciona con ver repeticiones [lista de 'permitidos'](/docs/browser/browser-monitoring/browser-pro-features/session-replay).
+      : se relaciona con [la visualización de repeticiones.](/docs/browser/browser-monitoring/browser-pro-features/session-replay).
   </Collapser>
 
   <Collapser
diff --git a/src/i18n/content/es/docs/apm/agents/net-agent/configuration/net-agent-configuration.mdx b/src/i18n/content/es/docs/apm/agents/net-agent/configuration/net-agent-configuration.mdx
index ebb55db92c9..803b8f95381 100644
--- a/src/i18n/content/es/docs/apm/agents/net-agent/configuration/net-agent-configuration.mdx
+++ b/src/i18n/content/es/docs/apm/agents/net-agent/configuration/net-agent-configuration.mdx
@@ -15,7 +15,7 @@ Podrá configurar nuestro agente .NET para adaptarlo a su entorno después de [c
 
 ## Descripción general de la configuración [#config-overview]
 
-Las opciones de configuración del agente APM le permiten controlar algunos aspectos de cómo se comporta el agente. Algunas de estas opciones de configuración son parte del proceso de instalación básico (como configurar su clave de licencia y el nombre de la aplicación), pero la mayoría son configuraciones más avanzadas, como establecer un nivel de registros, configurar el acceso al host proxy, excluir ciertos atributos y habilitar rastreo distribuido.
+Las opciones de configuración del agente APM le permiten controlar algunos aspectos de cómo se comporta el agente. Algunas de estas opciones de configuración son parte del proceso de instalación básico (como configurar su clave de licencia y el nombre de la aplicación), pero la mayoría son configuraciones más avanzadas, como establecer un nivel de logs, configurar el acceso al host proxy, excluir ciertos atributos y habilitar rastreo distribuido.
 
 El agente .NET obtiene su configuración del archivo `newrelic.config` , que se genera como parte del [proceso de instalación](/docs/agents/net-agent/installation//install/dotnet-agent). De forma predeterminada, solo se crea un archivo `newrelic.config` global, pero también puede crear archivos `newrelic.config` locales de la aplicación para un control más preciso sobre un sistema de múltiples aplicaciones. Otras formas de configurar las opciones de configuración incluyen: usar variables de entorno o configurar la configuración del lado del servidor desde la UI. Para obtener más información sobre las distintas opciones de configuración y qué anula qué, consulte [Prioridad de las configuraciones de configuración](/docs/agents/net-agent/configuration/net-agent-configuration#config-options-precedence).
 
@@ -24,7 +24,7 @@ La compatibilidad con .NET framework y .NET Core utiliza las mismas opciones de
 Si realiza cambios en el archivo de configuración y desea validar que esté en el formato correcto, puede compararlo con el archivo XSD (por ejemplo, en `C:\ProgramData\New Relic\.NET Agent\newrelic.xsd` para Windows) con cualquier validador XSD.
 
 <Callout variant="important">
-  <DoNotTranslate>**For IIS**</DoNotTranslate>: después de cambiar su archivo `newrelic.config` o `app.config` , realice un `IISRESET` desde un símbolo del sistema administrativo. Los ajustes del nivel de registros no requieren un reinicio.
+  <DoNotTranslate>**For IIS**</DoNotTranslate>: después de cambiar su archivo `newrelic.config` o `app.config` , realice un `IISRESET` desde un símbolo del sistema administrativo. Los ajustes del nivel de logs no requieren un reinicio.
 </Callout>
 
 ## Métodos de configuración y niveles de prioridad. [#config-options-precedence]
@@ -1044,7 +1044,7 @@ El elemento `proxy` admite el siguiente atributo:
 
 ### Elemento log [#log]
 
-El elemento `log` es hijo del elemento `configuration` . El elemento `log` configura el registro de New Relic. El agente genera su propio archivo de registro para mantener su información de registro separada del registro de su aplicación.
+El elemento `log` es hijo del elemento `configuration` . El elemento `log` configura el logging de New Relic. El agente genera su propio archivo de registro para mantener su información de logging separada del registro de su aplicación.
 
 ```xml
 <log enabled="true"
@@ -1105,7 +1105,7 @@ El elemento `log` admite el siguiente atributo:
       Alternativamente, configure la variable de entorno `NEWRELIC_LOG_LEVEL` en el entorno de la aplicación.
 
       <Callout variant="important">
-        Aumentar el nivel de registros aumentará el impacto en el rendimiento de New Relic.
+        Aumentar el nivel de logs aumentará el impacto en el rendimiento de New Relic.
       </Callout>
   </Collapser>
 
@@ -1199,7 +1199,7 @@ El elemento `log` admite el siguiente atributo:
       </tbody>
     </table>
 
-    Si está deshabilitado, no se intenta ningún registro. Diseñado para sistemas de archivos de solo lectura. Alternativamente, configure la variable de entorno `NEWRELIC_LOG_ENABLED` en el entorno de la aplicación.
+    Si está deshabilitado, no se intenta ningún logging. Diseñado para sistemas de archivos de solo lectura. Alternativamente, configure la variable de entorno `NEWRELIC_LOG_ENABLED` en el entorno de la aplicación.
   </Collapser>
 
   <Collapser
@@ -1531,7 +1531,7 @@ El elemento `dataTransmission` admite el siguiente atributo:
 
 ### Nombre de host
 
-Si la etiqueta de nombre de host predeterminada en la UI usuario de APM no es útil, puede decorar ese nombre en la UI de New Relic con un nombre para mostrar. Después de reiniciar el proceso de la aplicación y el agente .NET vuelve a informar, el nombre para mostrar aparecerá en la lista desplegable <DoNotTranslate>**Servers**</DoNotTranslate> . Esta configuración de nombre de host no afecta la lista de hosts en [la página <DoNotTranslate>**Summary**</DoNotTranslate> de su aplicación](/docs/apm/applications-menu/monitoring/apm-overview-page-view-transaction-apdex-usage-data).
+Si la etiqueta de nombre de host predeterminada en la UI de APM no es útil, puede decorar ese nombre en la UI de New Relic con un nombre para mostrar. Después de reiniciar el proceso de la aplicación y el agente .NET vuelve a informar, el nombre para mostrar aparecerá en la lista desplegable <DoNotTranslate>**Servers**</DoNotTranslate> . Esta configuración de nombre de host no afecta la lista de hosts en [la página <DoNotTranslate>**Summary**</DoNotTranslate> de su aplicación](/docs/apm/applications-menu/monitoring/apm-overview-page-view-transaction-apdex-usage-data).
 
 Para establecer un nombre para mostrar, elija una de las siguientes opciones. La variable de entorno tiene prioridad sobre el valor del archivo de configuración. Luego reinicie su aplicación para ver sus cambios en la UI de New Relic.
 
@@ -2012,7 +2012,7 @@ Utilice estas opciones para habilitar, deshabilitar y configurar la característ
 * [Multiaplicación traza](#cross_application_tracer)
 * [Evento de duración](#span-events)
 * [Capturar encabezados de solicitud HTTP](#capture_http_request_headers)
-* [Registro de aplicaciones](#application_logging)
+* [Logging de aplicaciones](#application_logging)
 * [Nivel de código métrico](#code_level_metrics)
 * [Monitoreo de IA](#ai_monitoring)
 
@@ -2308,6 +2308,12 @@ El elemento `errorCollector` admite los siguientes elementos y atributos:
 
     Enumera códigos de error HTTP específicos que no se deben informar a New Relic. Puede usar códigos de error HTTP integrales estándar, como solo 401, o puede usar códigos de estado completos de Microsoft con puntos decimales, como 401.4 o 403.18. Los códigos de estado deben ser iguales o superiores a 400.
 
+    Esto también se puede configurar mediante una variable de entorno, especificando varios códigos con una lista separada por comas:
+
+    ```ini
+    NEW_RELIC_ERROR_COLLECTOR_IGNORE_ERROR_CODES=<var>401, 403.18</var>
+    ```
+
     <Callout variant="tip">
       Los errores personalizados informados con la [API`NoticeError()` ](/docs/agents/net-agent/net-agent-api/noticeerror-net-agent)del agente aún se informan a New Relic incluso si la transacción asociada tiene un código de estado HTTP configurado aquí.
     </Callout>
@@ -2331,7 +2337,13 @@ El elemento `errorCollector` admite los siguientes elementos y atributos:
     id="error-expectedStatusCodes"
     title="expectedStatusCodes"
   >
-    Una lista de códigos de estado separados por comas. La lista puede incluir rangos de números enteros, utilizando un solo guión (-) e incluirá tanto el número entero inicial como el final del rango.
+    Una lista de códigos de estado separados por comas. La lista puede incluir rangos de números enteros empleando un solo guión (-) e incluirá tanto el número entero inicial como el final del rango.
+
+    Esto también se puede configurar mediante la variable de entorno:
+
+    ```ini
+    NEW_RELIC_ERROR_COLLECTOR_EXPECTED_ERROR_CODES=<var>401, 501-503</var>
+    ```
   </Collapser>
 
   <Collapser
@@ -3512,22 +3524,22 @@ request.headers.user-agent
   ```
 </Callout>
 
-### Registro de aplicaciones [#application_logging]
+### Logging de aplicaciones [#application_logging]
 
 <Callout variant="important">
   Estas opciones de configuración solo están disponibles con las versiones 9.7.1 y superiores del agente .NET. Las opciones relacionadas con datos de contexto (atributo personalizado) solo están disponibles en las versiones del agente .NET 10.4.0 y superiores.
 </Callout>
 
-El elemento `applicationLogging` es hijo del elemento `configuration` . Utilice `applicationLogging` para configurar la instrumentación de la actividad de registro de su aplicación.
+El elemento `applicationLogging` es hijo del elemento `configuration` . Utilice `applicationLogging` para configurar la instrumentación de la actividad de logging de su aplicación.
 
 Hay tres subcaracterísticas principales:
 
-1. Métrica: recopile métrica sobre el número total de líneas de log escritas por ciclo de cosecha (`Logging/lines`), así como el número de líneas log escritas en niveles de registro particulares (por ejemplo, `Logging/lines/ERROR`).
+1. Métrica: recopile métrica sobre el número total de líneas de log escritas por ciclo de cosecha (`Logging/lines`), así como el número de líneas log escritas en niveles de logging particulares (por ejemplo, `Logging/lines/ERROR`).
 
-2. Reenvío de registros: cuando esté habilitado, el agente capturará datos log y los enviará a New Relic.
+2. Reenvío de logs: cuando esté habilitado, el agente capturará datos log y los enviará a New Relic.
 
    * Datos de contexto (a través de [`AddCustomAttribute`](/docs/apm/agents/net-agent/net-agent-api/itransaction/#addcustomattribute)): cuando esté habilitado, el agente capturará y reenviará cualquier atributo log personalizado. Los elementos `include` y `exclude` son listas separadas por comas de nombres de atributos para incluir o excluir, siguiendo las [mismas reglas](/docs/apm/agents/net-agent/attributes/enable-disable-attributes-net/#attruls) que la configuración de otros atributos de agente. Ambos están vacíos de forma predeterminada, lo que da como resultado que todos los datos del contexto log se capturen y reenvíen.
-   * Filtrado de niveles de registros: cuando se configura con uno o más niveles de registros en una lista separada por comas, el agente evitará que los mensajes en esos niveles sean capturados y reenviados.
+   * Filtrado de niveles de logs: cuando se configura con uno o más niveles de logs en una lista separada por comas, el agente evitará que los mensajes en esos niveles sean capturados y reenviados.
 
 3. Decoración log local: cuando esté habilitado, su registro existente se decorará con metadatos que vinculan el registro con otros datos de New Relic, como los errores.
 
@@ -3588,7 +3600,7 @@ El elemento `applicationLogging` admite los siguientes atributos y subelementos:
       </tbody>
     </table>
 
-    Habilite o deshabilite todas las características de la instrumentación de registro. Si es `true`, la configuración de subcaracterística individual entra en vigor. Si `false`, no se habilita ninguna característica de instrumentación de registro.
+    Habilite o deshabilite todas las características de la instrumentación de logging. Si es `true`, la configuración de subcaracterística individual entra en vigor. Si `false`, no se habilita ninguna característica de instrumentación de logging.
   </Collapser>
 
   <Collapser
@@ -3606,14 +3618,14 @@ El elemento `applicationLogging` admite los siguientes atributos y subelementos:
 
     Establezca esto en un valor más bajo para reducir la cantidad de líneas log enviadas (puede causar muestreo log ). Establezca esto en un valor más alto para enviar más líneas log .
 
-    Cada log recibe la misma prioridad que su transacción asociada. Los registros que ocurren fuera de una transacción recibirán una prioridad aleatoria. Es posible que algunos registros no se incluyan porque están limitados por `maxSamplesStored`. Por ejemplo, si el registro `maxSamplesStored` se establece en 10 000 y la transacción 1 tiene 10 000 entradas log , solo se registrarán las entradas log de la transacción 1. Si la transacción 1 tiene menos de 10 000 registros, recibirá todos los registros de la transacción 1. Si todavía hay espacio, recibirás todo el registro de la transacción 2, y así sucesivamente.
+    Cada log recibe la misma prioridad que su transacción asociada. Los logs que ocurren fuera de una transacción recibirán una prioridad aleatoria. Es posible que algunos logs no se incluyan porque están limitados por `maxSamplesStored`. Por ejemplo, si el logging `maxSamplesStored` se establece en 10 000 y la transacción 1 tiene 10 000 entradas log , solo se registrarán las entradas log de la transacción 1. Si la transacción 1 tiene menos de 10 000 logs, recibirá todos los logs de la transacción 1. Si todavía hay espacio, recibirás todo el logde la transacción 2, y así sucesivamente.
 
-    Si después de todo se registran los registros de transacciones muestreadas y no han alcanzado el límite en `maxSamplesStored`, entonces se envían mensajes de registro de transacciones que no estaban en nuestro muestreo. Si queda alguno, se registran mensajes de registro fuera de la transacción.
+    Si después de todo se registran los logs de transacciones muestreadas y no han alcanzado el límite en `maxSamplesStored`, entonces se envían mensajes de logde transacciones que no estaban en nuestro muestreo. Si queda alguno, se registran mensajes de logfuera de la transacción.
 
-    Utilice el atributo `logLevelDenyList` para filtrar mensajes de registro del nivel de registros especificado. El valor de este atributo es una lista de niveles separados por comas que no distinguen entre mayúsculas y minúsculas. Fuera de mayúsculas y minúsculas, la cadena de nivel de registros debe coincidir exactamente con el nivel de registros que se están filtrando; no se admiten comodines ni expresiones regulares. Por ejemplo, si el valor se estableció en `logLevelDenyList="debug,warn"`, cualquier mensaje de registro con el nivel de registros de `Debug` o `Warn` no será capturado ni reenviado, pero un log con un nivel de `Warning` aún sería enviado a New Relic.
+    Utilice el atributo `logLevelDenyList` para filtrar mensajes de logdel nivel de logs especificado. El valor de este atributo es una lista de niveles separados por comas que no distinguen entre mayúsculas y minúsculas. Fuera de mayúsculas y minúsculas, la cadena de nivel de logs debe coincidir exactamente con el nivel de logs que se están filtrando; no se admiten comodines ni expresiones regulares. Por ejemplo, si el valor se estableció en `logLevelDenyList="debug,warn"`, cualquier mensaje de logcon el nivel de logs de `Debug` o `Warn` no será capturado ni reenviado, pero un log con un nivel de `Warning` aún sería enviado a New Relic.
 
     <Callout variant="caution">
-      Si ya está enviando el registro de su aplicación a New Relic utilizando una solución de reenvío de registros existente, asegúrese de desactivarla antes de habilitar el reenvío de registros en el agente, para evitar que se le facture por datos log duplicados.
+      Si ya está enviando el logde su aplicación a New Relic utilizando una solución de reenvío de logs existente, asegúrese de desactivarla antes de habilitar el reenvío de logs en el agente, para evitar que se le facture por datos log duplicados.
     </Callout>
   </Collapser>
 
diff --git a/src/i18n/content/es/docs/apm/agents/net-agent/getting-started/net-agent-compatibility-requirements-net-core.mdx b/src/i18n/content/es/docs/apm/agents/net-agent/getting-started/net-agent-compatibility-requirements-net-core.mdx
index baf758e85d0..8a2d0a01abe 100644
--- a/src/i18n/content/es/docs/apm/agents/net-agent/getting-started/net-agent-compatibility-requirements-net-core.mdx
+++ b/src/i18n/content/es/docs/apm/agents/net-agent/getting-started/net-agent-compatibility-requirements-net-core.mdx
@@ -319,9 +319,9 @@ Antes de instalar el agente New Relic .NET en Windows o Linux, asegúrese de que
     id="aws-elastic-beanstalk"
     title="AWS Elastic Beanstalk"
   >
-    <Callout variant="important">
-      AWS [Elastic Beanstalk](https://aws.amazon.com/elasticbeanstalk) no es un entorno .NET compatible.
-    </Callout>
+    Para obtener instrucciones de instalación de [AWS Elastic Beanstalk](https://aws.amazon.com/elasticbeanstalk) , consulte:
+
+    * [Instalar en AWS Elastic Beanstalk](/docs/agents/net-agent/install-guides/install-net-agent-on-aws-elastic-beanstalk)
   </Collapser>
 
   <Collapser
@@ -611,7 +611,7 @@ Si su aplicación está alojada en ASP..NET Core, el agente crea e instrumenta a
             </DoNotTranslate>
 
             * Versión mínima admitida: 8.0.0
-            * Versiones compatibles verificadas: 8.0.0, 8.1.0, 8.1.1, 8.9.1, 8.9.2, 8.9.3, 8.10.0, 8.11.0, 8.12.0, 8.12.1, 8.13.11
+            * Versiones compatibles verificadas: 8.0.0, 8.1.0, 8.1.1, 8.9.1, 8.9.2, 8.9.3, 8.10.0, 8.11.0, 8.12.0, 8.12.1, 8.13.11, 8.13.12
             * Se admiten las versiones 8.10.0 y superiores a partir del agente .NET v10.20.1
             * Las versiones 8.12.1 y superiores son compatibles a partir del agente .NET v10.23.0
 
diff --git a/src/i18n/content/es/docs/apm/agents/net-agent/getting-started/net-agent-compatibility-requirements-net-framework.mdx b/src/i18n/content/es/docs/apm/agents/net-agent/getting-started/net-agent-compatibility-requirements-net-framework.mdx
index 29f4ab1dc0d..09c10bedca4 100644
--- a/src/i18n/content/es/docs/apm/agents/net-agent/getting-started/net-agent-compatibility-requirements-net-framework.mdx
+++ b/src/i18n/content/es/docs/apm/agents/net-agent/getting-started/net-agent-compatibility-requirements-net-framework.mdx
@@ -783,7 +783,7 @@ El agente .NET no monitor directamente los procesos de almacenamiento de datos.
             </DoNotTranslate>
 
             * Versión mínima admitida: 8.0.0
-            * Versiones compatibles verificadas: 8.0.0, 8.1.0, 8.1.1, 8.9.1, 8.9.2, 8.9.3, 8.10.0, 8.11.0, 8.12.0, 8.12.1, 8.13.11
+            * Versiones compatibles verificadas: 8.0.0, 8.1.0, 8.1.1, 8.9.1, 8.9.2, 8.9.3, 8.10.0, 8.11.0, 8.12.0, 8.12.1, 8.13.11, 8.13.12
             * Se admiten las versiones 8.10.0 y superiores a partir del agente .NET v10.20.1
             * Las versiones 8.12.1 y superiores son compatibles a partir del agente .NET v10.23.0
 
diff --git a/src/i18n/content/es/docs/apm/agents/net-agent/install-guides/install-net-agent-on-aws-elastic-beanstalk.mdx b/src/i18n/content/es/docs/apm/agents/net-agent/install-guides/install-net-agent-on-aws-elastic-beanstalk.mdx
new file mode 100644
index 00000000000..ebe8179f5e6
--- /dev/null
+++ b/src/i18n/content/es/docs/apm/agents/net-agent/install-guides/install-net-agent-on-aws-elastic-beanstalk.mdx
@@ -0,0 +1,103 @@
+---
+title: Instale el agente .NET en AWS Elastic Beanstalk
+tags:
+  - Agents
+  - NET agent
+  - Other installation
+metaDescription: How to install the APM .NET agent on AWS Elastic Beanstalk.
+freshnessValidatedDate: never
+translationType: machine
+---
+
+Amazon Web Services (AWS) [Elastic Beanstalk](https://aws.amazon.com/elasticbeanstalk) es un servicio dinámico que permite un fácil despliegue y escalabilidad para su aplicación. Siga estas instrucciones para implementar el agente .NET en la instancia de lanzamiento con su aplicación .NET AWS Elastic Beanstalk. Es posible que también desee instalar el agente New Relic Infrastructure en su instancia de Elastic Beanstalk; consulte [Configurar el agente de infraestructura en AWS Elastic Beanstalk](/docs/infrastructure/install-infrastructure-agent/config-management-tools/configure-infrastructure-agent-aws-elastic-beanstalk/) para obtener más detalles.
+
+## Requisitos
+
+Asegúrese de tener una [cuenta de Amazon Web Services](http://aws.amazon.com/elasticbeanstalk/) compatible. Además, para cualquier instalación de New Relic, necesitarás tu <InlinePopover type="licenseKey"/>. Esta es una cadena hexadecimal de 40 caracteres que New Relic proporciona cuando se [registra](http://newrelic.com/signup "El enlace se abre en una ventana nueva.") para obtener su cuenta.
+
+## Instalar el agente .NET
+
+Para instalar el agente .NET para la aplicación sitio web ASP.NET Core desplegar en AWS Elastic Beanstalk:
+
+1. Cree una carpeta `.ebextensions` en la raíz de su aplicación y cree un archivo llamado `newrelic-dotnet-agent-install.config`. (El nombre de archivo exacto no es importante, pero debe tener una extensión `.config` .)
+
+<Callout variant="important">
+  Cerciorar de configurar `Copy to Output Directory` en `Copy if newer` para este archivo en su proyecto, para cerciorar de que se despliegue con su aplicación.
+</Callout>
+
+2. Según el sistema operativo de su aplicación .NET, agregue el siguiente contenido al archivo:
+
+   * Reemplace `YOUR_LICENSE_KEY` con su clave de licencia de New Relic.
+   * Reemplace `YOUR_APP_NAME` con el nombre de su aplicación.
+
+   <CollapserGroup>
+     <Collapser
+       id="elastic-beanstalk-windows"
+       title="Windows"
+     >
+       ```
+       packages:  
+           msi:
+             # install the latest version of the New Relic .NET agent
+             # To install a specific version, update the path to the msi
+             dotnet: https://download.newrelic.com/dot_net_agent/latest_release/NewRelicDotNetAgent_x64.msi
+       option_settings:
+           aws:elasticbeanstalk:application:environment:
+             CORECLR_ENABLE_PROFILING: '1'
+             NEW_RELIC_LICENSE_KEY: 'YOUR_LICENSE_KEY'
+             NEW_RELIC_APP_NAME: 'YOUR_APP_NAME'
+       ```
+
+       El <InlinePopover type="licenseKey"/>y el nombre de la aplicación no son variables de entorno obligatorias; se [pueden configurar de otras maneras](/docs/agents/net-agent/installation/net-agent-install-resources#env-variables).
+
+       Para obtener más detalles sobre estas variables, así como valores correctos para otros escenarios de instalación, consulte [Comprender las variables de entorno del agente .NET](/docs/apm/agents/net-agent/other-installation/understanding-net-agent-environment-variables/).
+     </Collapser>
+
+     <Collapser
+       id="elastic-beanstalk-linux"
+       title="Amazon Linux 2023"
+     >
+       ```
+       files:
+         # Create the dotnet agent YUM repo definition
+         "/etc/yum.repos.d/newrelic-dotnet-agent.repo":
+           owner: root
+           group: root
+           content: |
+             [newrelic-dotnet-agent-repo]
+             name=New Relic .NET Core packages for Enterprise Linux
+             baseurl=https://yum.newrelic.com/pub/newrelic/el7/$basearch
+             enabled=1
+             gpgcheck=1
+             gpgkey=file:///etc/pki/rpm-gpg/RPM-GPG-KEY-NewRelic
+       commands: 
+         install_dotnet_agent:
+           command: |
+             sudo curl -o /etc/pki/rpm-gpg/RPM-GPG-KEY-NewRelic https://download.newrelic.com/548C16BF.gpg
+             sudo rpm --import /etc/pki/rpm-gpg/RPM-GPG-KEY-NewRelic
+             sudo yum -q makecache -y --disablerepo='*' --enablerepo='newrelic-dotnet-agent-repo'
+             # this command installs the latest version of the dotnet agent.
+             sudo yum install newrelic-dotnet-agent -y
+             # to install a specific version, use something like the following:
+             # sudo yum install newrelic-dotnet-agent-10.24.0-1.x86_64
+       option_settings:
+         aws:elasticbeanstalk:application:environment:
+           CORECLR_ENABLE_PROFILING: '1'
+           CORECLR_PROFILER: '{36032161-FFC0-4B61-B559-F6C5D41BAE5A}'
+           CORECLR_NEWRELIC_HOME: '/usr/local/newrelic-dotnet-agent'
+           CORECLR_PROFILER_PATH: '/usr/local/newrelic-dotnet-agent/libNewRelicProfiler.so'
+           NEW_RELIC_LICENSE_KEY: 'YOUR_LICENSE_KEY'
+           NEW_RELIC_APP_NAME: 'YOUR_APP_NAME'
+       ```
+
+       El <InlinePopover type="licenseKey"/>y el nombre de la aplicación no son variables de entorno obligatorias; se [pueden configurar de otras maneras](/docs/agents/net-agent/installation/net-agent-install-resources#env-variables).
+
+       Para obtener más detalles sobre estas variables, así como valores correctos para otros escenarios de instalación, consulte [Comprender las variables de entorno del agente .NET](/docs/apm/agents/net-agent/other-installation/understanding-net-agent-environment-variables/).
+     </Collapser>
+   </CollapserGroup>
+
+   3. Implemente su aplicación empleando la última versión de [AWS Toolkit para Visual Studio](https://aws.amazon.com/visualstudio/). También puede emplear la [CLI AWS ](https://docs.aws.amazon.com/cli/)para desplegar la aplicación.
+
+Si su aplicación recibe tráfico, los datos deberían aparecer en unos minutos. Si no es así, consulte [No aparecen datos](/docs/agents/net-agent/troubleshooting/no-data-appears-net).
+
+<InstallFeedback/>
\ No newline at end of file
diff --git a/src/i18n/content/es/docs/browser/browser-monitoring/browser-pro-features/session-replay.mdx b/src/i18n/content/es/docs/browser/browser-monitoring/browser-pro-features/session-replay.mdx
index 8a5d704de24..c702bd2f2b8 100644
--- a/src/i18n/content/es/docs/browser/browser-monitoring/browser-pro-features/session-replay.mdx
+++ b/src/i18n/content/es/docs/browser/browser-monitoring/browser-pro-features/session-replay.mdx
@@ -268,13 +268,13 @@ Para obtener más detalles sobre Session Replay, consulte las siguientes seccion
 
     * Asegúrese de que su agente del navegador cumpla con estos requisitos:
 
-      * Versión del agente v1.240.0 o superior. Recomendamos [actualizar a la última versión del agente](/docs/release-notes/new-relic-browser-release-notes/browser-agent-release-notes) a medida que continuamos realizando mejoras.
+      * Versión del agente v1.260.0 o superior. Recomendamos [actualizar a la última versión del agente](/docs/release-notes/new-relic-browser-release-notes/browser-agent-release-notes) a medida que continuamos realizando mejoras.
       * Tipo de agente: Pro o Pro+SPA. Session Replay no funciona con el agente Lite del navegador.
       * [El Rastreo de sesión](/docs/browser/browser-monitoring/page-load-timing-resources/cookie-collection-session-tracking/#settings) y el seguimiento de sesiones están habilitados.
 
     * El de su final browser admite la de usuario a browsernivel de API necesaria para grabar una Session Replay (verifique la compatibilidad en [MutationObserver](https://caniuse.com/mutationobserver)).
 
-    * En [Errors Inbox](docs/errors-inbox/errors-inbox/), puede usar la opción para mostrar solo los errores con repeticiones. Esto filtrará tus vistas para que siempre veas una repetición. De forma predeterminada, los datos de eventos browser se almacenan durante 8 días, pero la retención real de datos depende de su cuenta.
+    * En [Errors Inbox](docs/errors-inbox/errors-inbox/), filtra tus vistas para que siempre veas una repetición. De forma predeterminada, los datos de eventos browser se almacenan durante 8 días, pero la retención real de datos depende de su cuenta.
 
     * Si está utilizando el método de copiar y pegar desplegable, asegúrese de [actualizar su código de agente](#update-snippet).
 
diff --git a/src/i18n/content/es/docs/infrastructure/host-integrations/host-integrations-list/apache-mesos-integration.mdx b/src/i18n/content/es/docs/infrastructure/host-integrations/host-integrations-list/apache-mesos-integration.mdx
new file mode 100644
index 00000000000..74bfeb1e76c
--- /dev/null
+++ b/src/i18n/content/es/docs/infrastructure/host-integrations/host-integrations-list/apache-mesos-integration.mdx
@@ -0,0 +1,125 @@
+---
+title: Integración de Apache Mesos
+tags:
+  - New Relic integrations
+  - Apache Mesos integration
+metaDescription: Use New Relic infrastructure agent to get a dashboard with metrics from your Apache Mesos.
+freshnessValidatedDate: '2024-05-20T00:00:00.000Z'
+translationType: machine
+---
+
+import apacheMesosDashboard from 'images/infrastructure_screenshot_full-apache-mesos-dashboard.webp'
+
+Monitor el clúster Apache Mesos sin problemas con New Relic para obtener información completa y valiosa sobre el rendimiento, el estado y la utilización de recursos. Realice un seguimiento de los nodos maestros y esclavos, monitor la ejecución de tareas y revise el sistema métrico.
+
+<img
+  title="Apache Mesos dashboard"
+  alt="Apache Mesos dashboard"
+  src={apacheMesosDashboard}
+/>
+
+<figcaption>
+  Luego de configurar nuestra integración Apache Mesos, le brindamos un dashboard para su Apache Mesos métrica.
+</figcaption>
+
+<Steps>
+  <Step>
+    ## Instalar el agente de infraestructura [#infra-install]
+
+    Para emplear la integración de Apache Mesos, también debe [instalar el agente de infraestructura](/docs/infrastructure/install-infrastructure-agent/get-started/install-infrastructure-agent-new-relic/) en el mismo host. El agente de infraestructura monitorea el host en sí, mientras que la integración que instalará en el siguiente paso amplía su monitoreo con datos específicos de Apache Mesos.
+  </Step>
+
+  <Step>
+    ## Habilite la integración de Apache Mesos con nri-flex
+
+    Para configurar la integración de Apache Mesos, siga estos pasos:
+
+    1. Cree un archivo llamado `nri-apache-mesos-config.yml` en el directorio de integración:
+
+       ```shell
+       touch /etc/newrelic-infra/integrations.d/nri-apache-mesos-config.yml
+       ```
+
+    2. Agregue el siguiente fragmento a su archivo `nri-apache-mesos-config.yml` para permitir que el agente capture datos de Apache Mesos:
+
+       ```yml
+       integrations:
+         - name: nri-flex
+           interval: 30s
+           config:
+             name: apacheMesos
+             apis:
+               - event_type: apacheMesos
+                 url: http://<ip-address>:5050/metrics/snapshot
+       ```
+  </Step>
+
+  <Step>
+    ## Log de avance de Apache Mesos
+
+    Siga estos pasos para reenviar el log de Apache Mesos a New Relic:
+
+    1. Edite el archivo de registro llamado `logging.yml` ubicado en la siguiente ruta:
+
+       ```shell
+       cd /etc/newrelic-infra/logging.d
+       ```
+
+    2. Agregue el siguiente fragmento al archivo `logging.yml` . Reemplace `file` con la ruta del archivo log de Apache Mesos si es necesario:
+
+       ```yml
+       logs:
+         - name: syslog
+           file: /var/log/mesos
+           attributes:
+             logtype: apache_mesos_log
+       ```
+  </Step>
+
+  <Step>
+    ## Reinicie el agente New Relic Infrastructure
+
+    Reinicie su agente de infraestructura:
+
+    ```shell
+    sudo systemctl restart newrelic-infra.service
+    ```
+
+    En un par de minutos, tu aplicación comenzará a enviar métrica a [one.newrelic.com](https://one.newrelic.com).  
+
+  </Step>
+
+  <Step>
+    ## Encuentra tus datos
+
+    Puede emplear nuestra plantilla dashboard prediseñadas para monitor su aplicación métrica Apache Mesos. Siga estos pasos para emplear nuestra plantilla dashboard prediseñadas:
+
+    1. Desde [one.newrelic.com](https://one.newrelic.com), ir a la página
+
+       <DoNotTranslate>**+ Add data**</DoNotTranslate>
+
+    2. Haga clic en
+
+       <DoNotTranslate>**Dashboards**</DoNotTranslate>
+
+    3. En la barra de búsqueda, escribe `Apache Mesos`
+
+    4. Debería aparecer el dashboard Apache Mesos. Haga clic en él para instalarlo
+
+    Su dashboard Apache Mesos se considera un panel personalizado y se puede encontrar en la UI <DoNotTranslate>**Dashboards**</DoNotTranslate>. Para obtener documentos sobre el uso y edición del panel, consulte [nuestros documentos dashboard ](/docs/query-your-data/explore-query-data/dashboards/introduction-dashboards).
+
+    A continuación se muestra un ejemplo de consulta NRQL para ver el tiempo de actividad del maestro Apache Mesos:
+
+    ```sql
+    SELECT latest(`master/uptime_secs`) as 'Masters uptime (seconds)' FROM apacheMesos
+    ```
+  </Step>
+</Steps>
+
+## ¿Que sigue?
+
+Para obtener más información sobre cómo crear una consulta NRQL y generar un panel, consulte estos documentos:
+
+* [Introducción al generador de consultas](/docs/query-your-data/explore-query-data/query-builder/introduction-query-builder) para crear consultas básicas y avanzadas.
+* [Introducción al panel](/docs/query-your-data/explore-query-data/dashboards/introduction-dashboards) para personalizar tu dashboard y realizar diferentes acciones.
+* [Administre su dashboard](/docs/query-your-data/explore-query-data/dashboards/manage-your-dashboard) para ajustar el modo de visualización de su panel o para agregar más contenido a su dashboard.
\ No newline at end of file
diff --git a/src/i18n/content/es/docs/infrastructure/infrastructure-monitoring/get-started/choose-infra-install-method.mdx b/src/i18n/content/es/docs/infrastructure/infrastructure-monitoring/get-started/choose-infra-install-method.mdx
new file mode 100644
index 00000000000..bc1a9bb81e9
--- /dev/null
+++ b/src/i18n/content/es/docs/infrastructure/infrastructure-monitoring/get-started/choose-infra-install-method.mdx
@@ -0,0 +1,82 @@
+---
+title: Elija el método de instalación de su agente de infraestructura
+tags:
+  - Infrastructure
+  - Install the infrastructure agent
+  - Get started
+metaDescription: An overview of installation methods for New Relic's infrastructure agent and infrastructure integrations.
+freshnessValidatedDate: '2024-05-21T00:00:00.000Z'
+translationType: machine
+---
+
+import osAnsibleRed from 'images/os_icon_ansible-red.webp'
+
+import osChef from 'images/os_icon_chef.webp'
+
+import osEbs from 'images/os_icon_ebs.webp'
+
+import osPuppet from 'images/os_icon_puppet.webp'
+
+import infrastructureAngetsandNr from 'images/infrastructure_diagram_angets-and-nr.webp'
+
+import osDocker from 'images/os_icon_docker.webp'
+
+El agente de infraestructura es un archivo ejecutable que recopila datos sobre sus hosts. Puede permitir que el agente de infraestructura informe datos de [algunos servicios de terceros](/docs/infrastructure/host-integrations/installation/install-infrastructure-host-integrations) y recopile [datos de logs](/docs/logs/enable-log-monitoring-new-relic/enable-log-monitoring-new-relic/forward-your-logs-using-infrastructure-agent).
+
+El agente de infraestructura puede ejecutar en Windows, macOS y muchas distribuciones de Linux. Este documento describe los diferentes métodos que puede emplear para instalar el agente de infraestructura. Para comenzar, necesitará una [cuenta de New Relic](https://newrelic.com/signup) y una clave de licencia.
+
+## Instalar el agente de infraestructura manualmente [#manual-install]
+
+Recomendamos seguir nuestros procedimientos de instalación manual si desea monitor un par de hosts, pero nada más complejo. En general, empleará la línea de comando para crear un directorio donde reside el agente y luego agregará la información de su clave de licencia. Dependiendo de su sistema operativo, es posible que también necesite crear y editar un archivo de configuración. Para instalar manualmente, comience aquí:
+
+* [Instalar en sistemas Linux con un administrador de paquetes](/docs/infrastructure/install-infrastructure-agent/linux-installation/install-infrastructure-monitoring-agent-linux)
+* [Instalar en macOS](/docs/infrastructure/install-infrastructure-agent/macos-installation/install-infrastructure-monitoring-agent-macos)
+* Instale en Windows con [instalación MSI](/docs/infrastructure/install-infrastructure-agent/windows-installation/install-infrastructure-monitoring-agent-windows), [instalación zip](/docs/infrastructure/install-infrastructure-agent/windows-installation/zip-assisted-install-infrastructure-agent-windows) o [instalación zip manual](/docs/infrastructure/install-infrastructure-agent/windows-installation/zip-manual-install-infrastructure-agent-windows).
+
+## Desplegar el agente de infraestructura programáticamente [#deploy-programmatically]
+
+Puede implementar el agente de infraestructura programáticamente con varias herramientas de implementación y administración de configuración:
+
+* <img style={{ width: '32px', height: '32px', verticalAlign: 'middle'}} class="inline" title="Ansible" alt="Ansible" src={osAnsibleRed}>[Ansible](/docs/infrastructure/new-relic-infrastructure/config-management-tools/configure-new-relic-infrastructure-using-ansible)</img>
+* <img style={{ width: '32px', height: '32px', verticalAlign: 'middle'}} class="inline" title="Chef" alt="Chef" src={osChef}>[Chef](/docs/infrastructure/new-relic-infrastructure/config-management-tools/configure-new-relic-infrastructure-using-chef)</img>
+* <img style={{ width: '32px', height: '28px', verticalAlign: 'middle'}} class="inline" title="Docker" alt="Docker" src={osDocker}>[Docker](/docs/infrastructure/install-infrastructure-agent/linux-installation/docker-container-infrastructure-monitoring) (instalar como contenedor)</img>
+* <img style={{ width: '32px', height: '32px', verticalAlign: 'middle'}} class="inline" title="EBS" alt="EBS" src={osEbs}>[Elastic Beanstalk](/docs/infrastructure/install-infrastructure-agent/config-management-tools/install-infrastructure-agent-aws-elastic-beanstalk)</img>
+* <img style={{ width: '32px', height: '32px', verticalAlign: 'middle'}} class="inline" title="Puppet" alt="Puppet" src={osPuppet}>[Puppet](/docs/infrastructure/new-relic-infrastructure/config-management-tools/configure-new-relic-infrastructure-puppet)</img>
+
+## Emplee la instalación guiada [#guided-install]
+
+La instalación guiada es un único comando CLI que puede ejecutar para monitor su instancia. Es una buena opción para organizaciones pequeñas o para cualquiera que quiera probar New Relic. Cuando ejecuta el comando CLI, New Relic inspeccionará su sistema para encontrar otras tecnologías de compatibilidad que desee monitor. También recibirá la [API de estado de la infraestructura](https://github.com/newrelic/infrastructure-agent/blob/master/docs/status_api.md) de forma predeterminada.
+
+<Callout variant="important">
+  La CLI de New Relic no es compatible con servidores FedRAMP. Si es cliente de FedRAMP, consulte las [instrucciones de instalación del manual](#manual-install).
+</Callout>
+
+Elija [la región de su centro de datos de New Relic](/docs/accounts/accounts-billing/account-setup/choose-your-data-center) para comenzar:
+
+<ButtonGroup>
+  <ButtonLink
+    role="button"
+    to="https://one.newrelic.com/marketplace?state=15321ec0-7cd8-0c04-52bf-7b65778f2e8c"
+    variant="primary"
+  >
+    Instalación guiada para la región de EE. UU.
+  </ButtonLink>
+
+  <ButtonLink
+    role="button"
+    to="https://one.eu.newrelic.com/marketplace?state=15321ec0-7cd8-0c04-52bf-7b65778f2e8c"
+    variant="primary"
+  >
+    Instalación guiada para la región de la UE
+  </ButtonLink>
+</ButtonGroup>
+
+## ¿Que sigue? [#whats-next]
+
+Luego de instalar el agente de infraestructura:
+
+* Aprenda a [configurar el agente](/docs/infrastructure/install-configure-infrastructure/configuration/configure-infrastructure-agent) o editar la [plantilla de configuración](https://github.com/newrelic/infrastructure-agent/blob/master/assets/examples/infrastructure/newrelic-infra-template.yml.example).
+* Instale [la integración en el host](/docs/integrations/host-integrations/getting-started/introduction-host-integrations) (por ejemplo, Apache o MySQL).
+* [Habilite el reenvío de logs utilizando el agente de infraestructura](/docs/logs/enable-new-relic-logs/1-enable-logs/forward-your-logs-using-new-relic-infrastructure).
+* Aprenda a [gestionar el agente](/docs/infrastructure/install-infrastructure-agent/manage-your-agent).
+* Nuestro agente de infraestructura es un archivo ejecutable liviano. Obtenga más información sobre lo que eso significa [aquí.](/docs/infrastructure/new-relic-infrastructure/getting-started/infrastructure-agent-performance-overhead)
\ No newline at end of file
diff --git a/src/i18n/content/es/docs/logs/forward-logs/enable-log-management-new-relic.mdx b/src/i18n/content/es/docs/logs/forward-logs/enable-log-management-new-relic.mdx
index 7d24b54b0aa..1854c8cd4cb 100644
--- a/src/i18n/content/es/docs/logs/forward-logs/enable-log-management-new-relic.mdx
+++ b/src/i18n/content/es/docs/logs/forward-logs/enable-log-management-new-relic.mdx
@@ -1,5 +1,5 @@
 ---
-title: Envía tu registro a New Relic
+title: Envía tu log a New Relic
 tags:
   - Logs
   - Enable log management in New Relic
@@ -21,7 +21,7 @@ Nuestras <InlinePopover type="logs"/>capacidades le ayudan a recopilar, procesar
   src={logsLogForwardOptions}
 />
 
-Para obtener una descripción general de nuestras diversas soluciones de registro, consulte [Introducción a los registros](/docs/logs/get-started/get-started-log-management#integrate-logs).
+Para obtener una descripción general de nuestras diversas soluciones de logging, consulte [Introducción a los logs](/docs/logs/get-started/get-started-log-management#integrate-logs).
 
 <Callout variant="tip">
   ¿Tienes muchos logs? Consulte nuestro [tutorial sobre cómo optimizarlos y administrarlos](/docs/tutorial-large-logs/get-started-managing-large-logs/).
@@ -37,7 +37,7 @@ A continuación se muestran algunos detalles sobre cómo lograr casos de uso esp
       </th>
 
       <th>
-        Utilice una de estas opciones de reenvío de registros
+        Utilice una de estas opciones de reenvío de logs
       </th>
     </tr>
   </thead>
@@ -45,11 +45,11 @@ A continuación se muestran algunos detalles sobre cómo lograr casos de uso esp
   <tbody>
     <tr>
       <td>
-        Recopilar registros escritos en un archivo local en el disco
+        Recopilar logs escritos en un archivo local en el disco
       </td>
 
       <td>
-        Utilice nuestras soluciones para [reenviar registros desde el sistema operativo](#forward-infra), incluido nuestro agente de monitoreo de infraestructura, Fluent Bit, Fluentd, Logstash y syslog/TCP. Utilice nuestra [instalación guiada para el monitoreo de infraestructura](/docs/logs/forward-logs/forward-your-logs-using-infrastructure-agent) como un recolector de datos liviano para el registro de sus aplicaciones y hosts.
+        Emplee nuestras soluciones para [reenviar logs desde el sistema operativo](#forward-infra), incluido nuestro agente de infraestructura, Fluent Bit, Fluentd, Logstash y syslog/TCP. Emplee nuestra [instalación guiada para monitoreo de infraestructura](/docs/logs/forward-logs/forward-your-logs-using-infrastructure-agent) como un recolector de datos liviano para el log de sus aplicaciones y hosts.
       </td>
     </tr>
 
@@ -59,13 +59,13 @@ A continuación se muestran algunos detalles sobre cómo lograr casos de uso esp
       </td>
 
       <td>
-        Recopile registros de nivel de servicio, registros de aplicación, registros de infraestructura o todo lo anterior desde su plataforma en la nube, incluidos [Amazon AWS](#forward-amazon), [Google Cloud Platform](/docs/logs/forward-logs/google-cloud-platform-log-forwarding), [Microsoft Azure](/docs/logs/forward-logs/azure-log-forwarding) y [Heroku](/docs/logs/forward-logs/heroku-log-forwarding/).
+        Recopile logs de nivel de servicio, logs de aplicación, logs de infraestructura o todo lo anterior desde su plataforma en la nube, incluidos [Amazon AWS](#forward-amazon), [Google Cloud Platform](/docs/logs/forward-logs/google-cloud-platform-log-forwarding), [Microsoft Azure](/docs/logs/forward-logs/azure-log-forwarding) y [Heroku](/docs/logs/forward-logs/heroku-log-forwarding/).
       </td>
     </tr>
 
     <tr>
       <td>
-        Recopile registros de aplicaciones que se ejecutan en el contenedor Docker, ya sea de forma independiente o cuando se usa Kubernetes.
+        Recopile logs de aplicaciones que se ejecutan en el contenedor Docker, ya sea de forma independiente o cuando se usa Kubernetes.
       </td>
 
       <td>
@@ -75,7 +75,7 @@ A continuación se muestran algunos detalles sobre cómo lograr casos de uso esp
 
         * Utilice nuestro [logs en el contexto de APM](/docs/apm/new-relic-apm/getting-started/get-started-logs-context)
 
-        * Utilice nuestro agente de infraestructura para recopilar registros a nivel de host. En el archivo de configuración `logging.yml` , asegúrese de seguir el directorio `/var/log/containers/*.log` . Por ejemplo:
+        * Utilice nuestro agente de infraestructura para recopilar logs a nivel de host. En el archivo de configuración `logging.yml` , asegúrese de seguir el directorio `/var/log/containers/*.log` . Por ejemplo:
 
           ```yml
           logs:
@@ -89,11 +89,11 @@ A continuación se muestran algunos detalles sobre cómo lograr casos de uso esp
 
     <tr>
       <td>
-        Recopile registros directamente desde sus aplicaciones, independientemente de dónde estén alojadas.
+        Recopile logs directamente desde sus aplicaciones, independientemente de dónde estén alojadas.
       </td>
 
       <td>
-        Utilice nuestro agente <InlinePopover type="apm"/>y agente de monitoreo de infraestructura. Permita que el agente APM de su aplicación reenvíe los datos log directamente a New Relic con [el logs en el contexto de APM](/docs/apm/new-relic-apm/getting-started/get-started-logs-context). ¡No es necesario instalar ni mantener software adicional de terceros!
+        Emplee nuestro agente <InlinePopover type="apm"/>y agente de infraestructura. Deje que el agente APM de su aplicación reenvíe los datos log directamente a New Relic con [los logs en el contexto de APM](/docs/apm/new-relic-apm/getting-started/get-started-logs-context). ¡No es necesario instalar ni mantener software adicional de terceros!
       </td>
     </tr>
 
@@ -105,17 +105,17 @@ A continuación se muestran algunos detalles sobre cómo lograr casos de uso esp
       <td>
         Si nuestras opciones de reenvío de logs no satisfacen sus necesidades, puede:
 
-        * Utilice nuestra [API Log ](/docs/logs/log-api/introduction-log-api)para reenviar sus registros a través de HTTP.
-        * Utilice protocolos syslog para reenviar sus registros a través de un [extremo TCP](/docs/logs/log-api/use-tcp-endpoint-forward-logs-new-relic).
+        * Utilice nuestra [API Log ](/docs/logs/log-api/introduction-log-api)para reenviar sus logs a través de HTTP.
+        * Utilice protocolos syslog para reenviar sus logs a través de un [extremo TCP](/docs/logs/log-api/use-tcp-endpoint-forward-logs-new-relic).
         * Utilice cualquiera de nuestras [otras opciones disponibles](#forward-other).
       </td>
     </tr>
   </tbody>
 </table>
 
-## Comience con el reenviador de registros [#compatibility-requirements]
+## Comience con el reenviador de logs [#compatibility-requirements]
 
-Puede reenviar el registro a través de nuestro agente de infraestructura o uno de nuestros servicios log de terceros compatibles. Así es cómo:
+Puede reenviar el log a través de nuestro agente de infraestructura o uno de nuestros servicios log de terceros compatibles. Así es cómo:
 
 1. Si aún no tiene una, cree una cuenta New Relic. Es gratis, para siempre.
 
@@ -127,7 +127,7 @@ Puede reenviar el registro a través de nuestro agente de infraestructura o uno
 
    listo para la cuenta a la que desea informar el inicio de sesión.
 
-3. Instale un [reenviador de registros compatible](#log-forwarding).
+3. Instale un [reenviador de logs compatible](#log-forwarding).
 
 4. Asegúrese de que la conectividad saliente en el puerto TCP 443 esté permitida en el [rango CIDR](/docs/using-new-relic/cross-product-functions/install-configure/networks/#infrastructure) que coincida con su [región](/docs/using-new-relic/welcome-new-relic/get-started/our-eu-us-region-data-centers).
 
@@ -139,15 +139,15 @@ Puede reenviar el registro a través de nuestro agente de infraestructura o uno
 
    de su aplicación siguiendo los procedimientos [de logs en el contexto](/docs/logs/enable-log-management-new-relic/configure-logs-context/configure-logs-context-apm-agents/) .
 
-## Opciones de reenvío de registros [#log-forwarding]
+## Opciones de reenvío de logs [#log-forwarding]
 
-Además de [nuestro agente APM](/docs/apm/new-relic-apm/getting-started/get-started-logs-context), ofrecemos otras soluciones para reenviar su registro a New Relic.
+Además de [nuestro agente APM](/docs/apm/new-relic-apm/getting-started/get-started-logs-context), ofrecemos otras soluciones para reenviar su log a New Relic.
 
 ### Agente de infraestructura (recomendado) y soluciones OS [#forward-infra]
 
-El uso de nuestro agente de infraestructura es una ruta recomendada para la administración de registros porque le brinda potentes opciones de configuración e informes log . Para obtener detalles sobre cómo configurar esto, consulte [Registro del agente de infraestructura](/docs/logs/forward-logs/forward-your-logs-using-infrastructure-agent).
+El uso de nuestro agente de infraestructura es una ruta recomendada para la administración de logs porque le brinda potentes opciones de configuración e informes log . Para obtener detalles sobre cómo configurar esto, consulte [log del agente de infraestructura](/docs/logs/forward-logs/forward-your-logs-using-infrastructure-agent).
 
-Si no necesita que la métrica del host se incluya automáticamente con el reenvío de registros de infraestructura, o si ya tiene un reenviador de registros, puede usar cualquiera de las siguientes opciones para reenviar su registro a New Relic:
+Si no necesita que la métrica del host se incluya automáticamente con el reenvío de logs de infraestructura, o si ya tiene un reenviador de logs, puede usar cualquiera de las siguientes opciones para reenviar su log a New Relic:
 
 * [Plugin de Fluent Bit](/docs/logs/forward-logs/fluent-bit-plugin-log-forwarding)
 * [Plugin Fluentd](/docs/logs/forward-logs/fluentd-plugin-log-forwarding)
@@ -156,23 +156,23 @@ Si no necesita que la métrica del host se incluya automáticamente con el reenv
 
 ### Amazonas [#forward-amazon]
 
-Admitimos el siguiente reenviador de registros de Amazon:
+Admitimos el siguiente reenviador de logs de Amazon:
 
 * [Complemento de AWS CloudFront](/docs/logs/forward-logs/cloudfront-web-logs)
 * [Complemento de AWS CloudWatch](/docs/logs/forward-logs/aws-lambda-sending-cloudwatch-logs/)
 * [Complemento AWS FireLens](/docs/logs/forward-logs/aws-firelens-plugin-log-forwarding/)
 * [AWS Kinesis Firehose](/docs/logs/forward-logs/stream-logs-using-kinesis-data-firehose/)
-* [AWS Lambda para enviar registros desde S3](/docs/logs/forward-logs/aws-lambda-sending-logs-s3/)
+* [AWS Lambda para enviar logs desde S3](/docs/logs/forward-logs/aws-lambda-sending-logs-s3/)
 
 ### Microsoft [#forward-microsoft]
 
-Admitimos el siguiente reenviador de registros de Microsoft:
+Admitimos el siguiente reenviador de logs de Microsoft:
 
 * [Plantilla ARM de Azure](/docs/logs/forward-logs/azure-log-forwarding/)
 
-### Otro reenviador de registros compatible [#forward-other]
+### Otro reenviador de logs compatible [#forward-other]
 
-Admitimos el siguiente reenviador de registros. Algunas de estas opciones vienen con inicios rápidos, que le brindan alertas y <InlinePopover type="dashboards"/>listos para usar. Puede instalar inicios rápidos después de configurar su reenvío de registros.
+Admitimos el siguiente reenviador de logs. Algunas de estas opciones vienen con inicios rápidos, que le brindan alertas y <InlinePopover type="dashboards"/>listos para usar. Puede instalar inicios rápidos después de configurar su reenvío de logs.
 
 * Flujo de datos de Akamai 2:
 
@@ -198,7 +198,7 @@ Admitimos el siguiente reenviador de registros. Algunas de estas opciones vienen
 
 ## Extremo TCP [#enable-endpoint]
 
-En algunas situaciones es posible que no tenga reenviador de logs; por ejemplo, con CDN, dispositivos de hardware o servicios gestionados. Puede utilizar protocolos syslog como `rsyslog` y `syslog-ng` y reenviar sus registros a New Relic a través de un [extremo TCP](/docs/logs/log-management/log-api/use-tcp-endpoint-forward-logs-new-relic/).
+En algunas situaciones es posible que no tenga reenviador de logs; por ejemplo, con CDN, dispositivos de hardware o servicios gestionados. Puede utilizar protocolos syslog como `rsyslog` y `syslog-ng` y reenviar sus logs a New Relic a través de un [extremo TCP](/docs/logs/log-management/log-api/use-tcp-endpoint-forward-logs-new-relic/).
 
 ## API log [#enable-api]
 
@@ -206,7 +206,7 @@ Si prefiere conectarse a New Relic sin instalar un complemento, ofrecemos una in
 
 ## Cómo funciona el reenvío de logs [#enable]
 
-El siguiente diagrama muestra el ciclo de vida de un mensaje de registro para una aplicación, desde el enriquecimiento con <InlinePopover type="apm"/>metadatos del agente (registro contextual) hasta el formateo y el reenvío de los datos log a New Relic.
+El siguiente diagrama muestra el ciclo de vida de un mensaje de log para una aplicación, desde el enriquecimiento con <InlinePopover type="apm"/>metadatos del agente (logging contextual) hasta el formateo y el reenvío de los datos log a New Relic.
 
 <img
   title="Lifecycle of forwarding logs to New Relic"
@@ -215,21 +215,21 @@ El siguiente diagrama muestra el ciclo de vida de un mensaje de registro para un
 />
 
 <figcaption>
-  Este diagrama ilustra el flujo de mensaje de registro a través de New Relic.
+  Este diagrama ilustra el flujo de mensaje de log a través de New Relic.
 </figcaption>
 
-Los formateadores log estándar transforman el registro de eventos en resultados significativos (como archivos de texto) que pueden ser utilizados por personas y procesos posteriores. El `NewRelicFormatter` transforma el registro de eventos al formato JSON esperado por New Relic. Estos archivos contienen información log y metadatos extendidos.
+Los formateadores log estándar transforman el log de eventos en resultados significativos (como archivos de texto) que pueden ser utilizados por personas y procesos posteriores. El `NewRelicFormatter` transforma el log de eventos al formato JSON esperado por New Relic. Estos archivos contienen información log y metadatos extendidos.
 
-Cuando configura su reenviador de registros (nuestro agente de monitoreo de infraestructura, Fluentd, Logstash, etc.), también puede ampliar y enriquecer sus datos log . Al configurar [los logs en el contexto](/docs/logs/enable-log-management-new-relic/configure-logs-context/configure-logs-context-apm-agents/), el enriquecedor log vincula los datos log formateado con información de transacciones adicional de su aplicación o host.
+Cuando configura su reenviador de logs (nuestro agente de infraestructura, Fluentd, Logstash, etc.), también puede ampliar y enriquecer sus datos log . Al configurar [el log en contexto](/docs/logs/enable-log-management-new-relic/configure-logs-context/configure-logs-context-apm-agents/), el enriquecedor log vincula los datos log formateados con información adicional de transacciones de su aplicación u host.
 
-Ahora su archivo de registro está enriquecido con metadatos mejorados y datos contextuales de registro. Su reenviador de registros envía los archivos a nuestro extremo de registro para su procesamiento. Desde allí puede utilizar nuestras capacidades de administración de registros para ver, consultar, configurar alertas y más en New Relic.
+Ahora su archivo de log está enriquecido con metadatos mejorados y datos de logging contextual. Su reenviador de logs envía los archivos a nuestro extremo de logging para su procesamiento. Desde allí puede utilizar nuestras capacidades de administración de logs para ver, consultar, configurar alertas y más en New Relic.
 
 ## ¿Que sigue? [#what-next]
 
-Después de habilitar su reenviador de registros, aproveche al máximo sus datos en New Relic con nuestras capacidades de administración de registros:
+Después de habilitar su reenviador de logs, aproveche al máximo sus datos en New Relic con nuestras capacidades de administración de logs:
 
-* Explore los datos de registro en su plataforma con nuestra [UIde registro](/docs/logs/ui-data/use-logs-ui).
-* Vea su logs en el contexto del rendimiento de su aplicación en la [UIde APM](/docs/logs/ui-data/use-logs-ui/#links). Solucionar [errores](/docs/apm/apm-ui-pages/error-analytics/errors-page-find-fix-verify-problems/) con [rastreo distribuido](/docs/apm/distributed-tracing/ui-data/understand-use-distributed-tracing-data), rastreo del stack, registro de aplicación y más.
-* Obtenga una visibilidad más profunda de los datos de rendimiento de su aplicación y de su plataforma si envía su registro a nuestro [agente de monitoreo de infraestructura](/docs/logs/forward-logs/forward-your-logs-using-infrastructure-agent/). Revise su [registro de infraestructura](/docs/logs/ui-data/use-logs-ui/#links) en la UI.
+* Explore los datos de logging en su plataforma con nuestra [UI de logs](/docs/logs/ui-data/use-logs-ui).
+* Vea su logs en el contexto del rendimiento de su aplicación en la [UI de APM](/docs/logs/ui-data/use-logs-ui/#links). Solucionar [errores](/docs/apm/apm-ui-pages/error-analytics/errors-page-find-fix-verify-problems/) con [rastreo distribuido](/docs/apm/distributed-tracing/ui-data/understand-use-distributed-tracing-data), rastreo del stack, log de aplicación y más.
+* Obtenga una visibilidad más profunda de los datos de rendimiento de su aplicación y de su plataforma si envía su log a nuestro [agente de infraestructura](/docs/logs/forward-logs/forward-your-logs-using-infrastructure-agent/). Revise su [log de infraestructura](/docs/logs/ui-data/use-logs-ui/#links) en la UI.
 * Configurar [alerta](/docs/alerts-applied-intelligence/new-relic-alerts/alert-conditions/create-alert-conditions/).
-* [Consulta tus datos](/docs/query-your-data/explore-query-data/get-started/introduction-querying-new-relic-data/) y [crea un panel](/docs/query-your-data/explore-query-data/dashboards/introduction-dashboards/). Por ejemplo, consulte nuestros tutoriales de NerdGraph para consultar y administrar sus [reglas de partición de datos](/docs/apis/nerdgraph/examples/nerdgraph-data-partition-rules-tutorial) y sus [reglas de análisis de registros](/docs/apis/nerdgraph/examples/nerdgraph-log-parsing-rules-tutorial).
\ No newline at end of file
+* [Consulta tus datos](/docs/query-your-data/explore-query-data/get-started/introduction-querying-new-relic-data/) y [crea un panel](/docs/query-your-data/explore-query-data/dashboards/introduction-dashboards/). Por ejemplo, consulte nuestros tutoriales de NerdGraph para consultar y administrar sus [reglas de partición de datos](/docs/apis/nerdgraph/examples/nerdgraph-data-partition-rules-tutorial) y sus [reglas de análisis de logs](/docs/apis/nerdgraph/examples/nerdgraph-log-parsing-rules-tutorial).
\ No newline at end of file
diff --git a/src/i18n/content/es/docs/logs/get-started/live-archives-billing.mdx b/src/i18n/content/es/docs/logs/get-started/live-archives-billing.mdx
index f0b8492818b..27d9b5cc4db 100644
--- a/src/i18n/content/es/docs/logs/get-started/live-archives-billing.mdx
+++ b/src/i18n/content/es/docs/logs/get-started/live-archives-billing.mdx
@@ -64,6 +64,15 @@ Para los propósitos de este ejemplo, en el mes 9 haríamos:
 
 Sumando todas las mediciones de los días, cada una de 1 GB mes, da un total de 30 GB meses al 1 de octubre. Por lo tanto, este cliente ha utilizado 30 GB Meses de almacenamiento durante el mes de septiembre.
 
+## ¿Cuándo verás tus datos?
+
+Los datos de Live Archives serán accesibles solo después de que se cumplan las siguientes condiciones:
+
+* **Activación de la característica Live Archives**: Habilitó explícitamente la característica Live Archives dentro de su cuenta New Relic .
+* **Periodo de retención de logging cumplido**: la duración especificada por el periodo de retención de Live Archives de su cuenta transcurrió desde que se registraron inicialmente los datos.
+
+Por ejemplo, si habilita la característica Live Archives el 1 de enero y establece su retención de Live Archives en 30 días, los datos de Live Archives estarán disponibles a partir del 1 de febrero. Si la retención de su logging está configurada en 60, 90 o 120 días, deberá esperar hasta que transcurrió el periodo de retención respectivo para emplear esta característica.
+
 ## Otros detalles de cálculo [#other-calc-details]
 
 Aquí hay algunos aspectos adicionales de nuestro cálculo:
diff --git a/src/i18n/content/es/docs/logs/get-started/live-archives.mdx b/src/i18n/content/es/docs/logs/get-started/live-archives.mdx
index 8da1cbc3cd5..afa34e207b7 100644
--- a/src/i18n/content/es/docs/logs/get-started/live-archives.mdx
+++ b/src/i18n/content/es/docs/logs/get-started/live-archives.mdx
@@ -21,21 +21,21 @@ import logsLuceneLiveArchives from 'images/logs_screenshot-crop_lucene-live-arch
 
 import logsEditDataPartitionUsingLiveArchives from 'images/logs_screenshot-crop_edit-data-partition-using-live-archives.webp'
 
-Live Archives le permite almacenar registros durante el tiempo que necesite. New Relic tiene una retención de registro de treinta días de forma predeterminada, pero con Live Archives, puede extender ese período hasta siete años. Al igual que los documentos fiscales antiguos, a veces no es necesario que sus datos estén a mano, pero es seguro mantener la información disponible como referencia si es necesario.
+Live Archives le permite almacenar logs durante el tiempo que necesite. New Relic tiene una retención de log de treinta días de forma predeterminada, pero con Live Archives, puede extender ese período hasta siete años. Al igual que los documentos fiscales antiguos, a veces no es necesario que sus datos estén a mano, pero es seguro mantener la información disponible como referencia si es necesario.
 
-¿Es Live Archives para ti? A continuación se muestran algunos casos de uso de ejemplo:
+¿Es Live Archives para ti? A continuación se muestran algunos casos de uso en los que podría beneficiarse de esta característica:
 
 * <DoNotTranslate>**Internal retention requirements**</DoNotTranslate>
 
-  : ¿Tiene un período de retención interno en el que le gustaría mantener un registro y poder consultarlos solo cuando sea necesario? Live Archives puede ayudar con el almacenamiento ampliado y la capacidad de consulta.
+  : ¿Su compañía tiene una política que le exige mantener un log durante un periodo determinado? Los periodos de almacenamiento extendidos de Live Archives pueden ayudarlo a cumplir con sus requisitos.
 
 * <DoNotTranslate>**Trends and long-term debugging**</DoNotTranslate>
 
-  : El almacenamiento log a largo plazo puede ayudar a mejorar el rendimiento año tras año. Por ejemplo, si administra una empresa minorista, comparar los registros de una temporada navideña con la siguiente puede mejorar el rendimiento.
+  : El almacenamiento log a largo plazo puede ayudar a mejorar el rendimiento año tras año. Por ejemplo, si gestiona una compañía minorista, puede comparar los logs de una temporada navideña con la siguiente para ver cómo puede mejorar el rendimiento.
 
 ## Cómo funciona Live Archives [#how-it-works]
 
-La característica Live Archives ofrece almacenamiento de datos log a largo plazo que desea consultar con moderación por un menor costo de almacenamiento. Con Live Archives, puede tener la tranquilidad de saber que su registro estará disponible durante un período más largo para posibles auditorías o depuración a largo plazo, pero solo se le cobrará por _consultar datos antiguos_.
+La característica Live Archives ofrece almacenamiento de datos log a largo plazo que desea consultar con moderación por un menor costo de almacenamiento. Con Live Archives, puede tener la tranquilidad de saber que su log estará disponible durante un periodo más largo para posibles auditorías o depuración a largo plazo, pero se le cobrará por separado por el almacenamiento y la consulta de sus datos antiguos.
 
 ## Empezar
 
@@ -62,7 +62,9 @@ La característica Live Archives ofrece almacenamiento de datos log a largo plaz
        <DoNotTranslate>**Request**</DoNotTranslate>
 
        . Un miembro de nuestro equipo se comunicará con usted.
+  </Step>
 
+  <Step>
     Una vez que haya habilitado Live Archives, deberá editar la retención de datos.
 
     1. En la página UI
@@ -94,58 +96,34 @@ La característica Live Archives ofrece almacenamiento de datos log a largo plaz
       alt="A screenshot showing users how to edit their data retention."
       src={logsEditDataRetentionLiveArchives}
     />
-
-    <figcaption>
-      Vaya a <DoNotTranslate>**one.newrelic.com > [Data management hub](https://one.newrelic.com/data-management-hub) > Data retention > Select logging live archives > Edit data retention**</DoNotTranslate>: seleccione la duración de su archivo para almacenar su registro durante el tiempo que necesite.
-    </figcaption>
   </Step>
 
   <Step>
     ### Crear una partición usando Live Archives [#partitions]
 
-    Una partición es una forma de agrupar registros según criterios específicos. Crear particiones puede ayudarle a filtrar los registros que no necesita y conservar los que necesita con Live Archives.
-
-    1. Vaya a
-
-       <DoNotTranslate>**[one.newrelic.com > All capabilities](https://one.newrelic.com/all-capabilities) > Logs**</DoNotTranslate>
-
-       .
-
-    2. A la izquierda de la barra de consulta de registro, haga clic en
+    Una partición es una forma de agrupar logs según criterios específicos. Crear particiones puede ayudarle a filtrar los logs que no necesita y conservar los que necesita con Live Archives.
 
-       <DoNotTranslate>**Data partitions**</DoNotTranslate>
+    1. Vaya a <DoNotTranslate>**[one.newrelic.com > All capabilities](https://one.newrelic.com/all-capabilities) > Logs**</DoNotTranslate>.
 
-       y luego haga clic en
-
-       <DoNotTranslate>**Create data partition**</DoNotTranslate>
-
-       .
+    2. A la izquierda de la barra de consulta de log, haga clic en <DoNotTranslate>**Data partitions**</DoNotTranslate> y luego haga clic en <DoNotTranslate>**Create data partition**</DoNotTranslate>.
 
     3. Defina un nombre de partición como una cadena alfanumérica que comienza con log.
 
-    4. Seleccione el campo
-
-       <DoNotTranslate>**Use live archives on this partition**</DoNotTranslate>
-
-       .
-
-    5. Los
+    4. Seleccione el campo <DoNotTranslate>**Use live archives on this partition**</DoNotTranslate>.
 
-       <DoNotTranslate>**Total effective retention**</DoNotTranslate>
+       <img
+         title="create a live archives partition"
+         alt="A screenshot showing a user how to create a partition using live archives"
+         src={logsCreateaPartitionUsingLiveArchives}
+       />
 
-       días se actualizarán para reflejar la retención regular _y_ la [retención Live Archives ](/docs/logs/get-started/live-archives-billing/#what-counts).
+       <figcaption>
+         Vaya a <DoNotTranslate>**[one.newrelic.com > All capabilities](https://one.newrelic.com/all-capabilities) > Logs > Data partitions**</DoNotTranslate> para crear una partición usando Live Archives.
+       </figcaption>
 
-    <img
-      title="create a live archives partition"
-      alt="A screenshot showing a user how to create a partition using live archives"
-      src={logsCreateaPartitionUsingLiveArchives}
-    />
+    5. Los <DoNotTranslate>**Total effective retention**</DoNotTranslate> días se actualizarán para reflejar la retención regular _y_ la [retención Live Archives ](/docs/logs/get-started/live-archives-billing/#what-counts).
 
-    <figcaption>
-      Vaya a <DoNotTranslate>**[one.newrelic.com > All capabilities](https://one.newrelic.com/all-capabilities) > Logs > Data partitions**</DoNotTranslate> para crear una partición usando Live Archives.
-    </figcaption>
-
-    También puede editar una partición existente haciendo clic en el <Icon name="fe-more-horizontal"/> icono en la página <DoNotTranslate>**Data partitions**</DoNotTranslate> .
+    También puede editar una partición existente haciendo clic en el <Icon name="fe-more-horizontal"/> icono en la página <DoNotTranslate>**Data partitions**</DoNotTranslate> . Si emplea una partición existente, el mismo parámetro que seleccionó para la partición original se aplicará a sus datos de Live Archives.
 
     <img
       width="60%;"
@@ -153,12 +131,18 @@ La característica Live Archives ofrece almacenamiento de datos log a largo plaz
       alt="A screenshot showing a user how to edit a partition using live archives"
       src={logsEditDataPartitionUsingLiveArchives}
     />
+
+    Para obtener más información sobre cómo usar particiones, consulte nuestro documento [Organizar datos con particiones](/docs/logs/ui-data/data-partitions/).
   </Step>
 
   <Step>
-    ### Consulta Live Archives con sintaxis de registro [#query]
+    ## Consulta tu log
+
+    Hay algunas formas de consultar Live Archives: Lucene, NRQL o NRQL en la API NerdGraph. Para los tres métodos, necesitará la capacidad **Live archives query** para consultar Live Archives.
+
+    ### Consulta Live Archives con Lucene consulta sintaxis [#query]
 
-    Hay dos formas de consultar Live Archives: con Lucene o NRQL. Si desea utilizar una sintaxis de registro con la que está familiarizado fuera de New Relic, le sugerimos realizar consultas en la UI <DoNotTranslate>**Logs**</DoNotTranslate>. Necesitará la capacidad **Live archives query** para consultar Live Archives.
+    Si está familiarizado con la sintaxis de Lucene consulta, puede ejecutarla en nuestra UI <DoNotTranslate>**Logs**</DoNotTranslate>.
 
     1. Vaya a
 
@@ -185,12 +169,10 @@ La característica Live Archives ofrece almacenamiento de datos log a largo plaz
     <figcaption>
       Vaya a <DoNotTranslate>**[one.newrelic.com > All capabilities](https://one.newrelic.com/all-capabilities) > Logs**</DoNotTranslate> para consultar los datos almacenados con Live Archives.
     </figcaption>
-  </Step>
 
-  <Step>
     ### Consulta Live Archives con NRQL [#nrql]
 
-    Si desea realizar la consulta utilizando el mismo idioma que utiliza para Errors Inbox o las alertas, le sugerimos realizar la consulta en NRQL. Necesitará la capacidad **Live archives query** para consultar Live Archives.
+    Si desea realizar la consulta empleando el mismo idioma que emplea para Errors Inbox o las alertas, le sugerimos realizar la consulta en NRQL.
 
     1. Vaya a
 
@@ -198,17 +180,19 @@ La característica Live Archives ofrece almacenamiento de datos log a largo plaz
 
        .
 
-    2. Ingrese la consulta NRQL que desea ejecutar.
+    2. Haga clic en **NRQL** en la esquina superior derecha.
+
+    3. Ingrese la consulta NRQL que desea ejecutar.
 
-    3. Practique la consulta primero para asegurarse de que funcione como se esperaba.
+    4. Practique la consulta primero para asegurarse de que funcione como se esperaba.
 
-    4. Alternar
+    5. Alternar
 
        <DoNotTranslate>**Use live archives**</DoNotTranslate>
 
        .
 
-    5. Una pantalla te mostrará que estás a punto de consultar Live Archives. Consultar Live Archives es más costoso, así que seleccione solo
+    6. Una pantalla te mostrará que estás a punto de consultar Live Archives. Consultar Live Archives es más costoso, así que seleccione solo
 
        <DoNotTranslate>**Query live archives**</DoNotTranslate>
 
@@ -223,12 +207,10 @@ La característica Live Archives ofrece almacenamiento de datos log a largo plaz
     <figcaption>
       Vaya a <DoNotTranslate>**[one.newrelic.com > All capabilities](https://one.newrelic.com/all-capabilities) > Logs**</DoNotTranslate> y luego seleccione <DoNotTranslate>**NRQL**</DoNotTranslate> para consultar los datos almacenados en Live Archives mediante el generador de consultas.
     </figcaption>
-  </Step>
 
-  <Step>
-    ### Consulta Live Archives usando Nerdgraph API [#api]
+    ### Consulta Live Archives empleando APINerdGraph [#api]
 
-    También puedes consultar tus datos Live Archives utilizando la API de Nerdgraph. Necesitará la capacidad **Live archives query** para consultar Live Archives. Debe incluir el `{eventNamespaces: "Logging:Archive"}` en las opciones de NRQL para especificar los Live Archives `eventNamespace`.
+    También puedes consultar tus datos Live Archives usando NRQL en la API NerdGraph. Debe incluir el `{eventNamespaces: "Logging:Archive"}` en las opciones NRQL para especificar los Live Archives `eventNamespace`.
 
     A continuación se muestra una consulta de ejemplo:
 
@@ -252,11 +234,11 @@ La característica Live Archives ofrece almacenamiento de datos log a largo plaz
   <Step>
     ### Ver tu consumo de datos [#data-consumption]
 
-    Live Archives se factura de forma diferente que el resto de su registro. Puede leer más al respecto en nuestro [almacenamientoLive Archives : Documentación de reglas y facturación](/docs/logs/get-started/live-archives-billing/). Live Archives tiene tres pilares de facturación.
+    Live Archives se factura de forma diferente que el resto de su log. Puede leer más al respecto en nuestro [almacenamiento Live Archives : Documentación de reglas y facturación](/docs/logs/get-started/live-archives-billing/). Live Archives tiene tres pilares de facturación.
 
     * <DoNotTranslate>**Data**</DoNotTranslate>
 
-      : Se le cobrará por el momento en que ingiera originalmente el registro regular.
+      : Se le cobrará por el momento en que ingiera originalmente el log regular.
 
     * <DoNotTranslate>**Storage**</DoNotTranslate>
 
@@ -338,25 +320,17 @@ Digamos que necesita verificar si un usuario inicia sesión en una máquina desd
 
 1. Verifique el período de tiempo en el que el usuario inicia sesión en su máquina.
 
-2. Pruebe su consulta en
+2. Pruebe su consulta en <DoNotTranslate>**Logs**</DoNotTranslate> para cerciorar de que funcione como se esperaba. Este es un ensayo y no devolverá ningún dato, pero solo está validando la consulta. Si funciona, puede ejecutar la consulta más costosa en su log archivado.
 
-   <DoNotTranslate>**Logs**</DoNotTranslate>
+   Ejemplo de consulta:
 
-   para asegurarse de que funcione como se esperaba.
-
-Ejemplo de consulta:
-
-```
-"logtype":"linux_audit" "type":"USER_LOGIN" "hostname":"apache_svr01"
-```
+   ```
+   "logtype":"linux_audit" "type":"USER_LOGIN" "hostname":"apache_svr01"
+   ```
 
 3. Cambie el selector de hora para buscar las fechas en las que el usuario inicia sesión en su máquina.
 
-4. Seleccione
-
-   <DoNotTranslate>**Query live archives**</DoNotTranslate>
-
-   .
+4. Seleccione <DoNotTranslate>**Query live archives**</DoNotTranslate>.
 
 ## Eliminación de datos [#delete]
 
diff --git a/src/i18n/content/es/docs/logs/logs-context/configure-logs-context-go.mdx b/src/i18n/content/es/docs/logs/logs-context/configure-logs-context-go.mdx
index b0d1276ea0e..3c3f48d802e 100644
--- a/src/i18n/content/es/docs/logs/logs-context/configure-logs-context-go.mdx
+++ b/src/i18n/content/es/docs/logs/logs-context/configure-logs-context-go.mdx
@@ -369,6 +369,6 @@ Después de configurar el inicio de <InlinePopover type="apm"/>logs en el contex
 
 * Explore los datos de registro en su plataforma con nuestra [UI de logs](/docs/logs/log-management/ui-data/use-logs-ui/).
 * Vea su logs en el contexto del rendimiento de su aplicación en la [APM UI](/docs/logs/log-management/ui-data/use-logs-ui/#links). Solucionar [errores](/docs/apm/apm-ui-pages/error-analytics/errors-page-find-fix-verify-problems/) con [rastreo distribuido](/docs/apm/distributed-tracing/ui-data/understand-use-distributed-tracing-data), rastreo del stack, registro de aplicación y más.
-* Obtenga una visibilidad más profunda de los datos de rendimiento de su aplicación y de su plataforma enviando sus registros a nuestro [agente de monitoreo de infraestructura](/docs/logs/enable-log-management-new-relic/enable-log-monitoring-new-relic/forward-your-logs-using-infrastructure-agent/). Revise su [registro de infraestructura](/docs/logs/log-management/ui-data/use-logs-ui/#links) en la UI.
+* Obtenga una visibilidad más profunda de los datos de rendimiento de su aplicación y de su plataforma enviando sus logs a nuestro [agente de infraestructura](/docs/logs/enable-log-management-new-relic/enable-log-monitoring-new-relic/forward-your-logs-using-infrastructure-agent/). Revise su [log de infraestructura](/docs/logs/log-management/ui-data/use-logs-ui/#links) en la UI.
 * Configurar [alerta](/docs/alerts-applied-intelligence/new-relic-alerts/alert-conditions/create-alert-conditions/).
 * [Consulta tus datos](/docs/query-your-data/explore-query-data/get-started/introduction-querying-new-relic-data/) y [crea un panel](/docs/query-your-data/explore-query-data/dashboards/introduction-dashboards/).
\ No newline at end of file
diff --git a/src/i18n/content/es/docs/logs/logs-context/configure-logs-context-nodejs.mdx b/src/i18n/content/es/docs/logs/logs-context/configure-logs-context-nodejs.mdx
index 826d8284c1d..7845e4dbace 100644
--- a/src/i18n/content/es/docs/logs/logs-context/configure-logs-context-nodejs.mdx
+++ b/src/i18n/content/es/docs/logs/logs-context/configure-logs-context-nodejs.mdx
@@ -92,7 +92,7 @@ Si no está utilizando un framework compatible, puede utilizar el método API de
     NEW_RELIC_APPLICATION_LOGGING_FORWARDING_MAX_SAMPLES_STORED: 10000
     ```
 
-    Si ya tiene una solución de reenvío de registros y está actualizando su agente para usar el logs en el contexto automático, asegúrese de <DoNotTranslate>**disable your manual log forwarder**</DoNotTranslate>. De lo contrario, su aplicación enviará líneas log dobles. Dependiendo de su cuenta, esto podría resultar en una doble facturación. Para obtener más información, siga los procedimientos para desactivar su [reenviador de registros específico](/docs/logs/forward-logs/enable-log-management-new-relic#log-forwarding).
+    Si ya tiene una solución de reenvío de logs y está actualizando su agente para usar el logs en el contexto automático, asegúrese de <DoNotTranslate>**disable your manual log forwarder**</DoNotTranslate>. De lo contrario, su aplicación enviará líneas log dobles. Dependiendo de su cuenta, esto podría resultar en una doble facturación. Para obtener más información, siga los procedimientos para desactivar su [reenviador de logs específico](/docs/logs/forward-logs/enable-log-management-new-relic#log-forwarding).
   </Collapser>
 
   <Collapser
@@ -188,7 +188,7 @@ Para aprovechar al máximo sus datos de registro:
 
 * Utilice [rastreo distribuido](/docs/distributed-tracing/ui-data/understand-use-distributed-tracing-ui) para ver el registro asociado a la traza individual.
 
-* Explore más datos de registro en su plataforma con nuestra [UIde registro](/docs/logs/log-management/ui-data/use-logs-ui/).
+* Explore más datos de registro en su plataforma con nuestra [UI de logs](/docs/logs/log-management/ui-data/use-logs-ui/).
 
 * Configure [alertas](/docs/alerts-applied-intelligence/new-relic-alerts/alert-conditions/create-alert-conditions/) basadas en la salida log y la gravedad.
 
@@ -280,8 +280,8 @@ Si todo está configurado correctamente y sus datos se reenvían a New Relic con
 
 Después de configurar el inicio de <InlinePopover type="apm"/>logs en el contexto, aproveche al máximo sus datos de registro:
 
-* Explore los datos de registro en su plataforma con nuestra [UIde registro](/docs/logs/log-management/ui-data/use-logs-ui/).
+* Explore los datos de registro en su plataforma con nuestra [UI de logs](/docs/logs/log-management/ui-data/use-logs-ui/).
 * Vea su logs en el contexto del rendimiento de su aplicación en la [APM UI](/docs/logs/log-management/ui-data/use-logs-ui/#links). Solucionar [errores](/docs/apm/apm-ui-pages/error-analytics/errors-page-find-fix-verify-problems/) con [rastreo distribuido](/docs/apm/distributed-tracing/ui-data/understand-use-distributed-tracing-data), rastreo del stack, registro de aplicación y más.
-* Obtenga una visibilidad más profunda de los datos de rendimiento de su aplicación y de su plataforma enviando sus registros a nuestro [agente de monitoreo de infraestructura](/docs/logs/enable-log-management-new-relic/enable-log-monitoring-new-relic/forward-your-logs-using-infrastructure-agent/). Revise su [registro de infraestructura](/docs/logs/log-management/ui-data/use-logs-ui/#links) en la UI.
+* Obtenga una visibilidad más profunda de los datos de rendimiento de su aplicación y de su plataforma enviando sus logs a nuestro [agente de infraestructura](/docs/logs/enable-log-management-new-relic/enable-log-monitoring-new-relic/forward-your-logs-using-infrastructure-agent/). Revise su [log de infraestructura](/docs/logs/log-management/ui-data/use-logs-ui/#links) en la UI.
 * Configurar [alerta](/docs/alerts-applied-intelligence/new-relic-alerts/alert-conditions/create-alert-conditions/).
 * [Consulta tus datos](/docs/query-your-data/explore-query-data/get-started/introduction-querying-new-relic-data/) y [crea un panel](/docs/query-your-data/explore-query-data/dashboards/introduction-dashboards/).
\ No newline at end of file
diff --git a/src/i18n/content/es/docs/logs/logs-context/configure-logs-context-python.mdx b/src/i18n/content/es/docs/logs/logs-context/configure-logs-context-python.mdx
index 5833fb18efd..1a39cf8bb10 100644
--- a/src/i18n/content/es/docs/logs/logs-context/configure-logs-context-python.mdx
+++ b/src/i18n/content/es/docs/logs/logs-context/configure-logs-context-python.mdx
@@ -66,7 +66,7 @@ Tiene tres opciones para configurar el logs en el contexto APM para enviar el re
     NEW_RELIC_APPLICATION_LOGGING_FORWARDING_MAX_SAMPLES_STORED=10000
     ```
 
-    Si ya tiene una solución de reenvío de registros y está actualizando su agente para usar el logs en el contexto automático, asegúrese de <DoNotTranslate>**disable your manual log forwarder**</DoNotTranslate>. De lo contrario, su aplicación enviará líneas log dobles. Dependiendo de su cuenta, esto podría resultar en una doble facturación. Para obtener más información, siga los procedimientos para desactivar su [reenviador de registros específico](/docs/logs/forward-logs/enable-log-management-new-relic#log-forwarding).
+    Si ya tiene una solución de reenvío de logs y está actualizando su agente para usar el logs en el contexto automático, asegúrese de <DoNotTranslate>**disable your manual log forwarder**</DoNotTranslate>. De lo contrario, su aplicación enviará líneas log dobles. Dependiendo de su cuenta, esto podría resultar en una doble facturación. Para obtener más información, siga los procedimientos para desactivar su [reenviador de logs específico](/docs/logs/forward-logs/enable-log-management-new-relic#log-forwarding).
   </Collapser>
 
   <Collapser
@@ -163,8 +163,8 @@ Para más información, consulta nuestra documentación sobre [expresión de ofu
 
 Después de configurar el inicio de <InlinePopover type="apm"/>logs en el contexto, aproveche al máximo sus datos de registro:
 
-* Explore los datos de registro en su plataforma con nuestra [UIde registro](/docs/logs/log-management/ui-data/use-logs-ui/).
+* Explore los datos de registro en su plataforma con nuestra [UI de logs](/docs/logs/log-management/ui-data/use-logs-ui/).
 * Vea su logs en el contexto del rendimiento de su aplicación en la [APM UI](/docs/logs/log-management/ui-data/use-logs-ui/#links). Solucionar [errores](/docs/apm/apm-ui-pages/error-analytics/errors-page-find-fix-verify-problems/) con [rastreo distribuido](/docs/apm/distributed-tracing/ui-data/understand-use-distributed-tracing-data), rastreo del stack, registro de aplicación y más.
-* Obtenga una visibilidad más profunda de los datos de rendimiento de su aplicación y de su plataforma enviando sus registros a nuestro [agente de monitoreo de infraestructura](/docs/logs/enable-log-management-new-relic/enable-log-monitoring-new-relic/forward-your-logs-using-infrastructure-agent/). Revise su [registro de infraestructura](/docs/logs/log-management/ui-data/use-logs-ui/#links) en la UI.
+* Obtenga una visibilidad más profunda de los datos de rendimiento de su aplicación y de su plataforma enviando sus logs a nuestro [agente de infraestructura](/docs/logs/enable-log-management-new-relic/enable-log-monitoring-new-relic/forward-your-logs-using-infrastructure-agent/). Revise su [log de infraestructura](/docs/logs/log-management/ui-data/use-logs-ui/#links) en la UI.
 * Configurar [alerta](/docs/alerts-applied-intelligence/new-relic-alerts/alert-conditions/create-alert-conditions/).
 * [Consulta tus datos](/docs/query-your-data/explore-query-data/get-started/introduction-querying-new-relic-data/) y [crea un panel](/docs/query-your-data/explore-query-data/dashboards/introduction-dashboards/).
\ No newline at end of file
diff --git a/src/i18n/content/es/docs/new-relic-solutions/build-nr-ui/build-nr-app.mdx b/src/i18n/content/es/docs/new-relic-solutions/build-nr-ui/build-nr-app.mdx
index 2a8676c86fb..46a198554a2 100644
--- a/src/i18n/content/es/docs/new-relic-solutions/build-nr-ui/build-nr-app.mdx
+++ b/src/i18n/content/es/docs/new-relic-solutions/build-nr-ui/build-nr-app.mdx
@@ -13,6 +13,11 @@ import browserBrowserAnalyzerExample from 'images/new-relic-one-browser-analyzer
 
 New Relic le ofrece muchas opciones para [incorporar datos de cualquier fuente](/docs/data-apis/custom-data/intro-custom-data) y crear [gráficos](/docs/query-your-data/explore-query-data/query-builder/introduction-query-builder) y [paneles](/docs/query-your-data/explore-query-data/dashboards/introduction-dashboards) personalizados. Pero si desea ir más allá de esas opciones y crear sus propias experiencias en New Relic, le brindamos acceso a las mismas herramientas que utilizamos para crear aplicaciones en nuestra plataforma.
 
+<Video
+  id="inyshp3m7r"
+  type="wistia"
+/>
+
 La aplicación New Relic es una aplicación React JavaScript que:
 
 * Reside en la [plataforma New Relic](/docs/new-relic-one/use-new-relic-one/get-started/introduction-new-relic-one), junto con tus otros
diff --git a/src/i18n/content/es/docs/new-relic-solutions/build-nr-ui/nr1-cli/nr1-subscription.mdx b/src/i18n/content/es/docs/new-relic-solutions/build-nr-ui/nr1-cli/nr1-subscription.mdx
new file mode 100644
index 00000000000..8a09a03f9ec
--- /dev/null
+++ b/src/i18n/content/es/docs/new-relic-solutions/build-nr-ui/nr1-cli/nr1-subscription.mdx
@@ -0,0 +1,208 @@
+---
+title: comandos de subscripción
+tags:
+  - New Relic One CLI
+  - Subscription commands
+metaDescription: An overview of the CLI commands you can use to manage your Nerdpack subscriptions.
+freshnessValidatedDate: '2024-04-29T00:00:00.000Z'
+translationType: machine
+---
+
+Para gestionar su subscripción a Nerdpack, emplee los siguientes comandos. Puede hacer clic en cualquier comando para ver sus opciones de uso y detalles adicionales sobre el comando.
+
+<table>
+  <thead>
+    <tr>
+      <th>
+        Dominio
+      </th>
+
+      <th>
+        Descripción
+      </th>
+    </tr>
+  </thead>
+
+  <tbody>
+    <tr>
+      <td>
+        [`nr1 subscription:list`](#nr1-subscriptionlist)
+      </td>
+
+      <td>
+        Enumera todos los Nerdpacks a los que está suscrita su cuenta.
+      </td>
+    </tr>
+
+    <tr>
+      <td>
+        [`nr1 subscription:set`](#nr1-subscriptionset)
+      </td>
+
+      <td>
+        Suscribe tu cuenta a un Nerdpack y canal.
+      </td>
+    </tr>
+
+    <tr>
+      <td>
+        [`nr1 subscription:unset`](#nr1-subscriptionunset)
+      </td>
+
+      <td>
+        Da de baja tu cuenta de un Nerdpack.
+      </td>
+    </tr>
+  </tbody>
+</table>
+
+## `nr1 subscription:list` [#nr1-subscriptionlist]
+
+### Ver tu subscripción [#nr1-subscriptionlist-see]
+
+Enumera todos los Nerdpacks a los que está suscrita su cuenta. Tu cuenta está vinculada a tu clave de API.
+
+### Uso
+
+`$ nr1 subscription:list`
+
+### Opciones
+
+<table>
+  <tbody>
+    <tr>
+      <td>
+        `--profile=PROFILE`
+      </td>
+
+      <td>
+        El perfil de autenticación que desea emplear.
+      </td>
+    </tr>
+
+    <tr>
+      <td>
+        `--verbose`
+      </td>
+
+      <td>
+        Agrega información adicional a la salida.
+      </td>
+    </tr>
+  </tbody>
+</table>
+
+## `nr1 subscription:set` [#nr1-subscriptionset]
+
+### Suscríbete a un Nerdpack [#nr1-subscriptionset-subscribe]
+
+Suscribe su cuenta a un Nerdpack y canal específico. Este comando se puede ejecutar con un UUID de Nerdpack o dentro de una carpeta de Nerdpack específica. De forma predeterminada, el comando usa el ID de Nerdpack en `package.json` y se suscribe al canal STABLE.
+
+Solo se puede suscribir una cuenta a un Nerdpack y canal a la vez.
+
+### Uso [#nr1-subscriptionset-usage]
+
+`$ nr1 subscription:set`
+
+### Opciones [#nr1-subscriptionset-options]
+
+<table>
+  <tbody>
+    <tr>
+      <td>
+        `-i, --nerdpack-id=NERDPACK_ID`
+      </td>
+
+      <td>
+        Especifica el Nerdpack al que suscribir. De forma predeterminada, el comando empleará el de `package.json`.
+      </td>
+    </tr>
+
+    <tr>
+      <td>
+        `-c, --channel=DEV/BETA/STABLE`
+      </td>
+
+      <td>
+        Especifica el canal al que suscribir. \[`default: STABLE`]
+      </td>
+    </tr>
+
+    <tr>
+      <td>
+        `--profile=PROFILE`
+      </td>
+
+      <td>
+        El perfil de autenticación que desea emplear.
+      </td>
+    </tr>
+
+    <tr>
+      <td>
+        `--verbose`
+      </td>
+
+      <td>
+        Agrega información adicional a la salida.
+      </td>
+    </tr>
+  </tbody>
+</table>
+
+### Alias [#nr1-subscriptionset-aliases]
+
+* `$ nr1 nerdpack:subscribe`
+
+## `nr1 subscription:unset` [#nr1-subscriptionunset]
+
+### Dar de baja de un Nerdpack [#nr1-subscriptionunset-unsubs]
+
+Cancela la subscripción de tu cuenta a un Nerdpack específico. Cuando este comando se ejecuta dentro de una carpeta Nerdpack, el ID de Nerdpack de `package.json` se usa de forma predeterminada.
+
+### Uso [#nr1-subscriptionunset-usage]
+
+`$ nr1 subscription:unset`
+
+### Opciones [#nr1-subscriptionunset-options]
+
+<table>
+  <tbody>
+    <tr>
+      <td>
+        `-i, --nerdpack-id=NERDPACK_ID`
+      </td>
+
+      <td>
+        Especifica el Nerdpack al que suscribir. De forma predeterminada, el comando empleará el de `package.json`.
+      </td>
+    </tr>
+
+    <tr>
+      <td>
+        `--profile=PROFILE`
+      </td>
+
+      <td>
+        El perfil de autenticación que desea emplear.
+      </td>
+    </tr>
+
+    <tr>
+      <td>
+        `--verbose`
+      </td>
+
+      <td>
+        Agrega información adicional a la salida.
+      </td>
+    </tr>
+  </tbody>
+</table>
+
+### Alias [#nr1-subscriptionunset-aliases]
+
+* `$ nr1 nerdpack:unsubscribe`
+* `$ nr1 subscription:delete`
+* `$ nr1 subscription:remove`
+* `$ nr1 subscription:rm`
\ No newline at end of file
diff --git a/src/i18n/content/es/docs/new-relic-solutions/new-relic-one/build-nr-apps/advanced-config.mdx b/src/i18n/content/es/docs/new-relic-solutions/new-relic-one/build-nr-apps/advanced-config.mdx
new file mode 100644
index 00000000000..71d08df42f8
--- /dev/null
+++ b/src/i18n/content/es/docs/new-relic-solutions/new-relic-one/build-nr-apps/advanced-config.mdx
@@ -0,0 +1,42 @@
+---
+title: Habilita la configuración avanzada para tu Nerdpack
+tags:
+  - New Relic
+  - Developer account
+  - API key
+  - New Relic One CLI
+metaDescription: Enable advanced configurations for your Nerdpack.
+freshnessValidatedDate: never
+translationType: machine
+---
+
+La mayoría de las veces, los comandos CLI `nr1` simplemente funcionarán y no requerirán configuración adicional. Podrás crear Nerdpacks, Nerdlets, pícher y visualizaciones sin problemas. Pero a veces necesitas algo especial para tu configuración.
+
+En esta guía, aprenderá cómo habilitar la configuración avanzada para su Nerdpack.
+
+## Antes de que empieces
+
+Cerciorar de tener la última versión de la CLI `nr1` :
+
+```sh
+nr1 update
+```
+
+## Amplíe la configuración de su paquete sitio web
+
+Puede emplear nuestro archivo `.extended-webpackrc.js` para ampliar su paquete sitio web para la configuración. Esto le permite agregar sus propios alias, secuencias de comandos y configuración cuando entrega o implementa localmente su aplicación.
+
+## Agregar certificados adicionales
+
+Cuando trabaje con `nr1` detrás de un proxy corporativo, es posible que vea un `RequestError`:
+
+```sh
+nr1 create --type nerdpack --name new-nerdpack
+[output] {error}RequestError: Error:{normal} self signed certificate in certificate chain
+```
+
+Node emplea su propia cadena de certificados. Entonces, si recibe este error, debe agregar su certificado corporativo a las CA "raíces" de Node:
+
+```sh
+export NODE_EXTRA_CA_CERTS=[cert]
+```
\ No newline at end of file
diff --git a/src/i18n/content/es/docs/new-relic-solutions/new-relic-one/build-nr-apps/publish.mdx b/src/i18n/content/es/docs/new-relic-solutions/new-relic-one/build-nr-apps/publish.mdx
new file mode 100644
index 00000000000..aa2a8f87933
--- /dev/null
+++ b/src/i18n/content/es/docs/new-relic-solutions/new-relic-one/build-nr-apps/publish.mdx
@@ -0,0 +1,207 @@
+---
+title: Publica tu Nerdpack
+tags:
+  - New Relic
+  - Nerdpack
+  - Publish
+metaDescription: Learn to publish your Nerdpack to Instant Observability.
+freshnessValidatedDate: never
+translationType: machine
+---
+
+Publica tu Nerdpack, ya sea que esté todavía en desarrollo, listo para probar o estable, para compartirlo con otros.
+
+## Actualice su CLI
+
+Antes de ejecutar cualquier comando, cerciorar de tener la última versión de la CLI:
+
+```shell
+nr1 update
+```
+
+## Comprueba tus licencias
+
+Cuando publicas tu Nerdpack, queda registrado en el catálogo de Observabilidad Instantánea. A partir de ahí, algún usuario podrá suscribir a tu Nerdpack. El usuario suscriptor debe tener:
+
+* Acceso a la cuenta que publicó el Nerdpack
+* Los [licencias necesarias](/docs/new-relic-solutions/new-relic-one/build-nr-apps/permission-manage-apps) para gestionar Nerdpacks
+
+## Actualice la versión de su paquete
+
+Solo puedes publicar una versión de paquete en el catálogo [de observabilidad Instantánea](https://newrelic.com/instant-observability) una vez. Por ejemplo, no puedes publicar dos instancias de la versión 1.0.0. Entonces, cada vez que quieras desplegar una nueva versión de tu código, debes incrementar su versión en el archivo `package.json` de Nerdpack:
+
+```json fileName=package.json lineHighlight=4
+{
+  "private": true,
+  "name": "demo-app",
+  "version": "1.0.0",
+  "scripts": {
+    "start": "nr1 nerdpack:serve",
+    "test": "exit 0"
+  },
+  "nr1": {
+    "uuid": "ab123c45-678d-9012-efg3-45hi6jkl7890"
+  },
+  "dependencies": {
+    "prop-types": "^15.6.2",
+    "react": "^16.6.3",
+    "react-dom": "^16.6.3"
+  },
+  "browserslist": ["last 2 versions", "not ie < 11", "not dead"]
+}
+```
+
+<Callout variant="tip">
+  Las versiones Nerdpack siguen el control de versiones semántico. Lea la [documentación](https://semver.org) para obtener más información.
+</Callout>
+
+## Genera un UUID para tu Nerdpack
+
+Si creaste tu Nerdpack desde cero con `nr1 create --type nerdpack`, entonces tu Nerdpack tiene un identificador único. Busque este identificador en el archivo `nr1.json` del directorio raíz:
+
+```json fileName=nr1.json lineHighlight=3
+{
+  "schemaType": "NERDPACK",
+  "id": "ab123c45-678d-9012-efg3-45hi6jkl7890",
+  "displayName": "DemoApp",
+  "description": "Nerdpack demo-app"
+}
+```
+
+Esta ID debe ser única para tu Nerdpack cuando lo publiques en el catálogo. La plataforma rechazará tu Nerdpack si reconoce el ID. Entonces, si clonaste un Nerdpack existente o estás usando código abierto, genera un nuevo UUID:
+
+```shell
+nr1 nerdpack:uuid --generate --force
+```
+
+<Callout variant="tip">
+  Lea la documentación [`nr1 nerdpack:uuid`](/docs/new-relic-solutions/build-nr-ui/nr1-cli/nr1-nerdpack/#nr1-nerdpackuuid) para obtener más información. O vea la página de ayuda `nr1` :
+
+  ```shell
+  nr1 nerdpack:uuid --help
+  ```
+</Callout>
+
+## Publica tu Nerdpack
+
+<Steps>
+  <Step>
+    En la carpeta raíz de tu Nerdpack, ejecuta `nr1 nerdpack:publish`:
+
+    ```shell
+    nr1 nerdpack:publish
+    ```
+
+    Si publicó con éxito su Nerdpack, debería ver algunos resultados exitosos, que incluyen:
+
+    ```shell
+    [output] {green}✔{normal}  Nerdpack published successfully!
+    [output] {green}✔{normal}  Tagged {purple}ab123c45-678d-9012-efg3-45hi6jkl7890{normal} version {blue}1.0.0{normal} as {blue}STABLE{normal}.
+    ```
+
+    Este resultado describe el Nerdpack publicado. Primero, indica la identificación del Nerdpack (`ab123c45-678d-9012-efg3-45hi6jkl7890`). Luego, su versión (`1.0.0`). Finalmente, su etiqueta de versión (`STABLE`).
+
+    Ya gestionaste el ID y la versión de tu Nerdpack, pero la etiqueta de versión es nueva. Para gestionar las versiones de tu Nerdpack, puedes etiquetarlas con una etiqueta arbitraria. Por ejemplo, si una versión aún está en desarrollo, puede etiquetarla con una etiqueta `DEV` . Si la versión pasa a una fase de control de calidad, puede etiquetarla con `QA`. Si está listo para producción, puede etiquetarlo con `STABLE`.
+
+    <Callout variant="tip">
+      Lea nuestra [guía de etiquetas](/docs/new-relic-solutions/new-relic-one/build-nr-apps/tag) para obtener más información.
+    </Callout>
+
+    Emplee la opción `-t` o `--tag` para publicar su Nerdpack con una etiqueta:
+
+    ```shell
+    nr1 nerdpack:publish --tag DEV
+    ```
+
+    Como vio en el resultado `nr1 nerdpack:publish` , si no pasa una etiqueta, `nr1` aplica la etiqueta `STABLE` automáticamente. Sin embargo, puedes indicarle que no aplique ninguna etiqueta a una versión con la opción `-T` o `--skip-tag` :
+
+    ```shell
+    nr1 nerdpack:publish --skip-tag
+    ```
+
+    También puedes realizar un ensayo para cerciorarte de publicar tu Nerdpack de la manera que deseas:
+
+    ```shell
+    nr1 nerdpack:publish --dry-run
+    ```
+  </Step>
+
+  <Step>
+    Una vez que publicaste exitosamente tu Nerdpack, ve a [New Relic](https://one.newrelic.com). Debido a que vas a ver un Nerdpack publicado, en lugar de uno servido localmente, no necesitas pasar la cadena de consulta `?nerdpacks=local` .
+  </Step>
+
+  <Step>
+    Ir a **+ Add data**. Ya sea que publicó una aplicación New Relic o una visualización personalizada, encontrará su proyecto aquí.
+  </Step>
+
+  <Step>
+    Encuentra tu Nerdpack publicado usando el filtro de aplicaciones o la barra de búsqueda.
+
+    <Callout variant="tip">
+      Sólo los Nerdpacks con versiones de etiqueta se muestran en [Observabilidad instantánea](https://newrelic.com/instant-observability). Entonces, si publicaste sin una etiqueta o eliminaste una etiqueta de tu Nerdpack publicado, no lo verás en el catálogo.
+    </Callout>
+  </Step>
+</Steps>
+
+## Resuelve problemas al acceder a tu Nerdpack publicado
+
+A veces, cuando publicas tu Nerdpack, puedes encontrarte con problemas. Ya sea que no puedas publicar tu Nerdpack debido a algún problema con tu código o no puedas encontrar tu Nerdpack en Observabilidad instantánea, considera algunas soluciones comunes para resolver estos problemas.
+
+### Depura tu comando
+
+Cuando intentes publicar tu Nerdpack, lee atentamente el resultado de tu comando `nr1` . Es posible que reciba resultados exitosos, que incluyen:
+
+```shell
+[output] {green}✔{normal}  Nerdpack published successfully!
+[output] {green}✔{normal}  Tagged {purple}ab123c45-678d-9012-efg3-45hi6jkl7890{normal} version {blue}1.0.0{normal} as {blue}STABLE{normal}.
+```
+
+Sin embargo, el resultado puede mostrar algunos errores en su Nerdpack. Por ejemplo:
+
+```shell
+[output] Publishing Nerdpack DemoApp ({purple}ab123c45-678d-9012-efg3-45hi6jkl7890{normal})
+[output] {error}›{normal}   Error: There is already a Nerdpack with given id & version.
+[output] {error}›{normal}   Code: 409
+```
+
+También puede ayudarlo a ver resultados más detallados. Emplee el comando `--verbose` para mostrar más contenido:
+
+```sh
+nr1 nerdpack:publish --verbose
+```
+
+## Revela tu información Nerdpack publicada
+
+Si no encuentra su Nerdpack en New Relic, es posible que no esté etiqueta. Recuerde, al menos una versión de su Nerdpack publicado debe tener una etiqueta para que se muestre en la página de **Apps** . Consulta más información sobre tu Nerdpack publicado con `nr1 nerdpack:info`:
+
+```shell
+nr1 nerdpack:info
+[output] Id: {purple}ab123c45-678d-9012-efg3-45hi6jkl7890
+[output] Region: {muted}us
+[output] Account ID: 3014918
+[output] Local version: 1.0.0
+[output] Subscription Model: OWNER_AND_ALLOWED
+[output] Version Count: 1
+[output]
+[output] {white}Version  Date         Tags
+[output] -------  -----------  ----
+[output] 1.0.0    {muted}3 hours ago
+```
+
+En este ejemplo, hay una versión publicada, pero no es etiqueta. Puedes etiquetar una versión publicada con:
+
+```sh
+nr1 nerdpack:tag --from-version=1.0.0 --tag=DEV
+```
+
+Ahora, si actualiza la página de su browser , debería ver su Nerdpack en **Apps**.
+
+<Callout variant="tip">
+  Lea nuestra documentación [`nr1 nerdpack:tag`](/docs/new-relic-solutions/build-nr-ui/nr1-cli/nr1-nerdpack/#nr1-nerdpacktag) para obtener más información.
+</Callout>
+
+## Consulta tu perfil local
+
+Con `nr1`, puedes [establecer un perfil predeterminado de New Relic](/docs/new-relic-solutions/build-nr-ui/nr1-cli/nr1-common/#nr1-profiles). Este perfil se emplea para todos los comandos a menos que se especifique lo contrario con la opción `--profile` del comando. Cuando publicas tu Nerdpack, solo el usuario que pueda acceder a tu cuenta podrá ver tu Nerdpack publicado.
+
+Entonces, si no encuentras tu Nerdpack en New Relic pero sabes que está publicado, compara tu perfil local con el perfil que estás usando en el browser para cerciorarte de que sean iguales.
\ No newline at end of file
diff --git a/src/i18n/content/es/docs/new-relic-solutions/new-relic-one/build-nr-apps/serve.mdx b/src/i18n/content/es/docs/new-relic-solutions/new-relic-one/build-nr-apps/serve.mdx
new file mode 100644
index 00000000000..7695154f975
--- /dev/null
+++ b/src/i18n/content/es/docs/new-relic-solutions/new-relic-one/build-nr-apps/serve.mdx
@@ -0,0 +1,112 @@
+---
+title: Sirve a tu Nerdpack
+tags:
+  - Nerdpack
+  - Serve
+metaDescription: Learn to serve your Nerdpack locally.
+freshnessValidatedDate: never
+translationType: machine
+---
+
+Sirve tu Nerdpack localmente cuando aún esté en desarrollo y no estés listo para compartirlo con otros. Emplearás los recursos de tu propia máquina, pero verás el Nerdpack en la plataforma New Relic como lo verías si estuviera publicado.
+
+## Actualice su CLI
+
+Antes de ejecutar cualquier comando, cerciorar de tener la última versión de la CLI:
+
+```shell
+nr1 update
+```
+
+## Sirve tu Nerdpack localmente
+
+<Steps>
+  <Step>
+    En la carpeta raíz de tu Nerdpack, ejecuta el comando `nerdpack:serve` :
+
+    ```shell
+    nr1 nerdpack:serve
+    ```
+
+    Si sirvió con éxito su Nerdpack, debería ver algunos resultados exitosos, que incluyen:
+
+    ```shell
+    [output] {green}✔{normal}  Server ready! Test it at: https://one.newrelic.com/?nerdpacks=local
+    [output] {blue}↩{normal}  Server will reload automatically if you modify any file!
+    ```
+
+    Mientras su Nerdpack se sirve localmente, el servidor recargará automáticamente su Nerdpack cuando detecte que modificó un archivo. Esto no incluye el archivo de metadatos `nr1.json` ni el archivo de estilos `styles.css`. Si actualiza esos archivos, debe detener su servidor local con `CTRL+C` y resetear con `nr1 nerdpack:serve`.
+  </Step>
+
+  <Step>
+    Vaya a [https://one.newrelic.com/?nerdpacks=local](https://one.newrelic.com/?nerdpacks=local). New Relic requiere la cadena de consulta `?nerdpacks=local` para cargar Nerdpacks servidos localmente.
+  </Step>
+
+  <Step>
+    Vaya a <DoNotTranslate>**[one.newrelic.com > All capabilities](https://one.newrelic.com/all-capabilities) > Apps**</DoNotTranslate>. Ya sea que esté creando una aplicación New Relic o una visualización personalizada, encontrará su proyecto en <DoNotTranslate>**Apps**</DoNotTranslate>.
+  </Step>
+
+  <Step>
+    Si estás sirviendo un Nerdpack con un pícher y un Nerdlet, encontrarás tu aplicación local en <DoNotTranslate>**Your apps:**</DoNotTranslate>. Si está ofreciendo un Nerdpack con una visualización, vaya a <DoNotTranslate>**Favorite apps > Custom Visualizations**</DoNotTranslate>.
+
+    <Callout variant="tip">
+      Si **Custom Visualizations** no está entre sus favoritos, puede encontrarlas en **Your apps**.
+    </Callout>
+
+    Desde **Custom Visualizations**, verá su visualización. Ya sea que estés entregando un Nerdpack para una aplicación o una visualización, verás un indicador `</> Local` en el mosaico UI . Emplee esto para distinguir entre Nerdpacks publicados y Nerdpacks servidos localmente.
+  </Step>
+
+  <Step>
+    Cuando esté listo para dejar de servir su Nerdpack localmente, escriba `CTRL+C` en su terminal donde se está ejecutando el servidor.
+  </Step>
+</Steps>
+
+## Resuelve problemas al acceder a tu Nerdpack local
+
+A veces, cuando entregas tu Nerdpack localmente, puedes encontrarte con problemas. Es posible que no puedas entregar tu Nerdpack debido a errores en tu código. O bien, puedes entregar exitosamente tu Nerdpack pero no poder encontrarlo en New Relic. Considere algunas soluciones comunes para resolver estos problemas.
+
+### Depura tu aplicación
+
+Cuando intentes servir tu Nerdpack localmente, lee atentamente el resultado de tu comando `nr1` . Es posible que reciba resultados exitosos, que incluyen:
+
+```shell
+[output] {green}✔{normal}  Server ready! Test it at: https://one.newrelic.com/?nerdpacks=local
+[output] {blue}↩{normal}  Server will reload automatically if you modify any file!
+```
+
+Sin embargo, el resultado puede mostrar algunos errores en su Nerdpack. También puede ayudarlo a ver resultados más detallados. Emplee el comando `--verbose` para mostrar más contenido:
+
+```shell
+nr1 nerdpack:serve --verbose
+```
+
+### Mostrar Nerdpacks servidos localmente
+
+Si no encuentra su Nerdpack en New Relic, cerciorar de estar usando la cadena de consulta `?nerdpacks=local` . Si no es así, New Relic no cargará su Nerdpack servido localmente en la plataforma.
+
+### Consulta tu perfil local
+
+Con `nr1`, puedes [establecer un perfil predeterminado de New Relic](/docs/new-relic-solutions/build-nr-ui/nr1-cli/nr1-common/#nr1-profiles). Este perfil se emplea para todos los comandos a menos que se especifique lo contrario con la opción `--profile` del comando. Cuando sirves tu Nerdpack con `nr1 nerdpack:serve`, debes iniciar sesión en el mismo perfil en New Relic con el que estás sirviendo localmente.
+
+Entonces, si no encuentras tu Nerdpack en New Relic y estás usando la cadena de consulta correcta, compara tu perfil local con el perfil que estás usando en el browser para cerciorarte de que sean iguales.
+
+### Accede a tu browser proxy
+
+Generalmente, no necesita saber cómo se carga el código de su aplicación en New Relic. Pero comprender cómo funciona puede ayudarlo a resolver problemas con su servidor local.
+
+Cuando ejecuta `nr1 nerdpack:serve`, su máquina local entrega su código mediante un subdominio nr-local.net. Este dominio apunta a 127.0.0.1 y emplea una variedad de puertos para conectarse, incluido el 9973.
+
+Para cargar un Nerdpack en la plataforma, ya sea servido localmente o publicado en el catálogo [de observabilidad Instant](https://newrelic.com/instant-observability) , New Relic usa un `<IFRAME>` y un dominio separado (un subdominio de `nr-ext.net`), confiando en la política del mismo dominio para proteger el código. .
+
+Entonces, si no encuentra su Nerdpack en New Relic, está usando la cadena de consulta correcta y está usando el perfil correcto, es posible que su administrador de red deba habilitar el acceso a:
+
+* Cualquier subdominio de nr-local.net, o, como mínimo, a cualquier dominio con la forma `<UserId>.nr-local.net`, donde `<UserId>` es un identificador de 32 caracteres hexadecimales que es único para el usuario que inicia sesión en la plataforma. Puedes usar `[0-9a-f]{32}` para discriminarlo.
+* Cualquier subdominio de `nr-ext.net` o, como mínimo, a cualquier dominio con la forma `<NerdpackUuid>.g <NerdpackGid>.nr-ext.net`, donde `<NerdpackUuid>` es el UUID asignado a su paquete y `<NerdpackGid>` es cero o un número entero positivo. Puedes usar `0|[1-9]\d+` para discriminarlo.
+
+## Otras lecturas
+
+Lea la documentación [`nr1 nerdpack:serve`](/explore-docs/nr1-nerdpack#nr1-nerdpackserve) para obtener más información. O vea la página de ayuda `nr1` :
+
+```shell
+nr1 nerdpack:serve --help
+```
\ No newline at end of file
diff --git a/src/i18n/content/es/docs/new-relic-solutions/new-relic-one/build-nr-apps/set-up-dev-env.mdx b/src/i18n/content/es/docs/new-relic-solutions/new-relic-one/build-nr-apps/set-up-dev-env.mdx
new file mode 100644
index 00000000000..a9a07e37cfd
--- /dev/null
+++ b/src/i18n/content/es/docs/new-relic-solutions/new-relic-one/build-nr-apps/set-up-dev-env.mdx
@@ -0,0 +1,100 @@
+---
+title: Configure su entorno de desarrollo
+tags:
+  - New Relic
+  - Developer account
+  - API key
+  - New Relic One CLI
+metaDescription: Prepare to build apps and contribute to this site.
+freshnessValidatedDate: never
+translationType: machine
+---
+
+Si decidió crear una aplicación personalizada o modificar una de nuestras aplicaciones de código abierto, necesita algunas herramientas esenciales:
+
+* La [interfaz de línea de comando (CLI) de New Relic One](https://one.newrelic.com/launcher/developer-center.launcher?pane=eyJuZXJkbGV0SWQiOiJkZXZlbG9wZXItY2VudGVyLmRldmVsb3Blci1jZW50ZXIifQ==).
+* Una clave de API, que obtienes cuando descargas la CLI.
+
+Dependiendo de lo que quieras hacer con tu aplicación, es posible que tengas algunas configuraciones adicionales. Esta guía cubre:
+
+* Descarga de New Relic One CLI para crear o modificar aplicaciones
+* Contribuir con contenido a este sitio web.
+
+## Antes de que empieces
+
+Antes de comenzar, le recomendamos leer primero sobre [permisos](/docs/new-relic-solutions/new-relic-one/build-nr-apps/permission-manage-apps).
+
+Para comenzar a construir, debes tener:
+
+* Una cuenta [de cuenta de github](https://github.com/) . Si bien no es estrictamente necesaria para crear aplicaciones, una cuenta de GitHub le permite [descargar y personalizar nuestras aplicaciones de código abierto](https://opensource.newrelic.com/explore-projects) y contribuir con un [proyecto de código abierto](https://opensource.newrelic.com/contributing/).
+* Una [cuenta de desarrolladores New Relic ](https://newrelic.com/signup/?partner=Developer+Edition). Si aún no tiene una, puede obtener una cuenta de prueba gratis para desarrollar la aplicación New Relic .
+* [npm](https://www.npmjs.com/get-npm). Si instaló [Node.js](https://nodejs.org/en/download/), entonces ya tiene `npm`, que se emplea para compartir, reutilizar y actualizar código JavaScript. Esto es necesario para trabajar con componentes de React que son el framework para las aplicaciones New Relic y este sitio web.
+
+### Una nota sobre el apoyo
+
+Crear una aplicación New Relic es lo mismo que crear cualquier aplicación JavaScript/React. Ofrecemos soporte para ayudar con nuestras herramientas de construcción ([nuestra biblioteca CLI](/explore-docs/nr1-cli) y [SDK](/explore-docs/intro-to-sdk)). Sin embargo, no ofrecemos soporte para preguntas o problemas básicos de codificación de JavaScript o React.
+
+Para preguntas frecuentes comunes sobre la construcción, consulte la [página de Explorers Hub sobre cómo construir en New Relic](https://discuss.newrelic.com/c/build-on-new-relic).
+
+<Callout variant="tip">
+  Emplee la [extensión New Relic One VSCode](https://marketplace.visualstudio.com/items?itemName=new-relic.nr1) o el [paquete de extensión New Relic VSCode](https://marketplace.visualstudio.com/items?itemName=new-relic.new-relic-extension-pack) para crear sus aplicaciones.
+</Callout>
+
+## Preparar para crear o modificar aplicaciones
+
+<Steps>
+  <Step>
+    ### Descargue la CLI y la clave de API
+
+    En la [página de la aplicación Build New Relic ](https://one.newrelic.com/launcher/developer-center.launcher?pane=eyJuZXJkbGV0SWQiOiJkZXZlbG9wZXItY2VudGVyLmRldmVsb3Blci1jZW50ZXIifQ==), complete los pasos de **Quick start** para descargar.
+
+    Estos seis pasos de inicio rápido le brindan una clave de API para usar con aplicaciones en desarrollo y la CLI New Relic One, para crear y desplegar aplicaciones. Al final del inicio rápido, tendrá un proyecto que consta de lo siguiente:
+
+    * Un **Nerdpack**. El paquete que contiene todos los archivos requeridos por su aplicación. Contiene dos tipos de archivos que puedes personalizar para crear tu aplicación: Nerdlets y el iniciador.
+    * Uno o más archivos **Nerdlet** . Una vista o ventana de UI específica. Un Nerdlet es un paquete React JavaScript que incluye un archivo `index.js` , un `stylesheet` y un archivo `config` en formato JSON. Puede contener cualquier funcionalidad JS (gráficos, campos interactivos, información sobre herramientas, etc.).
+    * Un archivo `launcher` : esta es la base del iniciador, que se emplea para abrir su aplicación desde New Relic luego de publicarla.
+  </Step>
+
+  <Step>
+    ### Empezar a construir
+
+    Si estás listo para codificar, `cd` a tu Nerdpack y comienza.
+
+    Si desea obtener más información sobre cómo crear aplicaciones, pruebe estas guías paso a paso:
+
+    * [Construye una aplicación "¡Hola, mundo!"](/docs/new-relic-solutions/tutorials/build-hello-world-app) muestra cómo crear una pequeña aplicación, publicarla en New Relic y compartirla con otros suscribiéndole cuentas.
+    * [Mapear páginas vistas por región](/build-apps/map-pageviews-by-region) lo guía a través de los pasos para crear una de nuestras populares aplicaciones de código abierto. Aprenderá a agregar una consulta personalizada a una aplicación y verla en una tabla, luego agregar esos datos a un mapa.
+  </Step>
+</Steps>
+
+## Contribuya al sitio `developer.newrelic.com`
+
+Este sitio es de código abierto y nos gustaría recibir su opinión. Crea una solicitud de extracción \[la] si ves un error que sabes cómo solucionar. Envíenos un problema de GitHub si ve algunas lagunas en el contenido en las que desea que trabajemos. O escribe una guía completamente nueva si tienes una que te gustaría compartir. Sigue leyendo para aprender.
+
+<Steps>
+  <Step>
+    ### Bifurca el repositorio de GitHub `developer-website`
+
+    Bifurcar el repositorio le permite trabajar en su propia copia de los archivos `developer.newrelic.com` y [crear el sitio localmente](https://github.com/newrelic/developer-website#developernewreliccom). También nos permite gestionar más fácilmente las solicitudes de extracción entrantes.
+
+    1. Vaya a la página [del sitio web de desarrolladores](https://github.com/newrelic/developer-website) en GitHub.
+    2. Seleccione el botón **Fork** en la parte superior derecha de la página.
+    3. Elija la cuenta a la que desea bifurcar y espere unos segundos mientras se crea la bifurcación.
+
+    [Sincronice de manera regular](https://docs.github.com/en/github/collaborating-with-issues-and-pull-requests/syncing-a-fork) para mantener su bifurcación actualizada con cambios y adiciones a la rama principal.
+  </Step>
+
+  <Step>
+    ### Realizar una solicitud de característica o documentación
+
+    1. En cualquier página, seleccione el botón **GitHub** en la parte superior de la página.
+    2. Seleccione el tipo de cambio que desea.
+    3. Complete el formulario de GitHub.
+  </Step>
+
+  <Step>
+    ### Contribuir con una nueva guía.
+
+    Consulte nuestras [pautas para contribuyentes](https://github.com/newrelic/developer-website/blob/master/CONTRIBUTING.md#creating-new-pages), que lo guiarán a través del proceso.
+  </Step>
+</Steps>
\ No newline at end of file
diff --git a/src/i18n/content/es/docs/new-relic-solutions/new-relic-one/build-nr-apps/subscribe.mdx b/src/i18n/content/es/docs/new-relic-solutions/new-relic-one/build-nr-apps/subscribe.mdx
new file mode 100644
index 00000000000..16a504a75e0
--- /dev/null
+++ b/src/i18n/content/es/docs/new-relic-solutions/new-relic-one/build-nr-apps/subscribe.mdx
@@ -0,0 +1,244 @@
+---
+title: Suscríbete a un Nerdpack
+tags:
+  - New Relic
+  - Nerdpack
+  - Subscribe
+metaDescription: Learn to subscribe to a Nerdpack.
+freshnessValidatedDate: never
+translationType: machine
+---
+
+Suscríbete a un Nerdpack para usarlo en la plataforma New Relic. Dar de baja de Nerdpacks que ya no empleas.
+
+## Actualice su CLI
+
+Antes de ejecutar cualquier comando, cerciorar de tener la última versión de la CLI:
+
+```shell
+nr1 update
+```
+
+## Comprueba tus licencias
+
+Para suscribir a un Nerdpack, necesita:
+
+* Acceso a la cuenta que lo publicó
+* Los [licencias necesarias para gestionar Nerdpacks](/docs/new-relic-solutions/new-relic-one/build-nr-apps/permission-manage-apps)
+
+## Publica tu Nerdpack
+
+Debes publicar los Nerdpacks que crees antes de poder suscribirte a ellos:
+
+1. [Publica tu Nerdpack](/docs/new-relic-solutions/new-relic-one/build-nr-apps/publish)
+2. [Etiqueta tu Nerdpack](/docs/new-relic-solutions/new-relic-one/build-nr-apps/tag) si está publicado y aún no tiene etiqueta
+
+## Suscríbete a un Nerdpack
+
+Suscribir a un Nerdpack publicado, ya sea con la UI sitio web o la CLI `nr1`, para usarlo en su cuenta. La subscripción le permite seleccionar la versión de etiqueta que desea emplear, así como la cuenta con la que desea suscribir. Esto te permite controlar qué Nerdpacks usas en tu cuenta.
+
+<Callout variant="tip">
+  Cuando la etiqueta a la que te suscribiste recibe una actualización, New Relic actualiza tu Nerdpack automáticamente.
+</Callout>
+
+<Steps>
+  <Step>
+    Desde la página de inicio de [New Relic](https://one.newrelic.com) , vaya a <DoNotTranslate>**+ Add data**</DoNotTranslate> en la barra de navegación superior.
+  </Step>
+
+  <Step>
+    Encuentra tu Nerdpack publicado usando el filtro de aplicaciones o la barra de búsqueda. Todos los Nerdpacks publicados se muestran aquí. Sin embargo, es posible que el que estás buscando esté filtrado. Ajusta el filtro para encontrar el Nerdpack que estás buscando.
+  </Step>
+
+  <Step>
+    Selecciona el Nerdpack que deseas agregar a tu cuenta de New Relic.
+  </Step>
+
+  <Step>
+    Haz clic en **Add this app**. Este botón muestra **Manage access** si ya estás suscrito al Nerdpack.
+  </Step>
+
+  <Step>
+    Seleccione la cuenta a la que suscribir y la versión de la etiqueta a la que suscribir. Luego, actualice su(s) cuenta(s).
+
+    <Callout variant="tip">
+      En la UI sitio web y en algunos lugares de la CLI, nos referimos a **tags** como **channels**. Esta es una reliquia de una implementación anterior del control de versiones de Nerdpack. Haciendo caso omiso de los detalles históricos y de implementación, considérelos sinónimos.
+    </Callout>
+
+    Ahora usted y los afiliados a las cuentas a las que se suscribió pueden lanzar Nerdpack desde New Relic.
+  </Step>
+
+  <Step>
+    Si te suscribiste a una aplicación, encuéntrala en **Your apps**. Si se suscribió a una visualización, búsquela en **Custom visualizations**.
+  </Step>
+</Steps>
+
+## Suscríbete desde la línea de comando
+
+Si publicó su propio Nerdpack, puede que sea más rápido suscribir a su Nerdpack con la CLI `nr1` .
+
+<Steps>
+  <Step>
+    Navega al directorio raíz de tu Nerdpack:
+
+    ```shell
+    cd my-awesome-nerdpack
+    ```
+
+    Estas instrucciones se refieren a tu Nerdpack como `my-awesome-nerdpack`.
+  </Step>
+
+  <Step>
+    Cerciórate de que tu Nerdpack fue publicado y tenga la etiqueta:
+
+    ```shell
+    nr1 nerdpack:info
+    [output] Id: {purple}ab123c45-678d-9012-efg3-45hi6jkl7890
+    [output] Region: {muted}us
+    [output] Account ID: 1234567
+    [output] Local version: 1.0.0
+    [output] Subscription Model: OWNER_AND_ALLOWED
+    [output] Version Count: 1
+    [output]
+    [output] Version  Date               Tags
+    [output] -------  -----------------  ------
+    [output] 1.0.0    {muted}a few seconds ago  {green}STABLE
+    ```
+
+    Deberías ver al menos una versión [publicada](/docs/new-relic-solutions/new-relic-one/build-nr-apps/publish) con una [etiqueta](/docs/new-relic-solutions/new-relic-one/build-nr-apps/tag). No tiene que ser `STABLE`. Puede suscribir a cualquier versión de etiqueta.
+  </Step>
+
+  <Step>
+    Suscríbete a tu Nerdpack:
+
+    ```shell
+    nr1 nerdpack:subscribe --channel=STABLE
+    [output] Subscribed account {green}1234567{normal} to the nerdpack {purple}ab123c45-678d-9012-efg3-45hi6jkl7890{normal} on the {green}STABLE{normal} channel
+    ```
+
+    Aquí, te suscribiste a la etiqueta `STABLE` . También puede suscribir a las etiquetas `DEV` y `BETA` desde la CLI, pero el comando de subscripción no permite etiquetas arbitrarias. Para suscribir a cualquier otra versión de la etiqueta, debe emplear la UI sitio web.
+
+    De manera similar a la UI sitio web, el término **channel** `nr1 nerdpack:subscribe` es una referencia a una implementación anterior de las versiones de Nerdpack.
+
+    <Callout
+      variant="tip"
+      title="Detalle técnico"
+    >
+      `nr1 nerdpack:subscribe` es un alias para `nr1 subscription:set`.
+
+      Lea la documentación [`nr1 subscription:set`](/docs/new-relic-solutions/build-nr-ui/nr1-cli/nr1-subscription/#nr1-subscriptionset) para obtener más información. O vea la página de ayuda `nr1` :
+
+      ```shell
+      nr1 subscription:set --help
+      ```
+    </Callout>
+  </Step>
+</Steps>
+
+## Dar de baja de un Nerdpack
+
+Cancelar la subscripción a un Nerdpack para eliminarlo de tu cuenta.
+
+<Steps>
+  <Step>
+    Desde [New Relic](https://one.newrelic.com), vaya a <DoNotTranslate>**Apps**</DoNotTranslate> en la barra de navegación superior.
+  </Step>
+
+  <Step>
+    Haz clic en el ícono "i" al lado del Nerdpack al que estás suscrito. Esto abre la página de detalles.
+  </Step>
+
+  <Step>
+    Haga clic en **Manage access**.
+  </Step>
+
+  <Step>
+    Deselecciona las cuentas de las que deseas cancelar la subscripción. Luego, actualice esas cuentas.
+  </Step>
+</Steps>
+
+## Dar de baja usando la línea de comando
+
+Cancele rápidamente la subscripción de su perfil CLI de Nerdpacks.
+
+<Steps>
+  <Step>
+    Navega al directorio raíz de tu Nerdpack:
+
+    ```shell
+    cd my-awesome-nerdpack
+    ```
+  </Step>
+
+  <Step>
+    Ver la subscripción de tu perfil:
+
+    ```shell
+    nr1 subscription:list
+    [output] {muted}Listing subscribed deployed nerdpacks on your account:
+    [output] Version  UUID                                  Name              Date         User
+    [output] -------  ------------------------------------  ----------------  -----------  -------
+    [output] 0.6.4    {purple}384de6e5-8e57-4d56-9d13-299ee7ae8641{normal}  Account Maturity  {muted}a month ago{normal}  2774472
+    ```
+  </Step>
+
+  <Step>
+    Dar de baja del Nerdpack con el UUID:
+
+    ```shell
+    nr1 nerdpack:unsubscribe --nerdpack-id=384de6e5-8e57-4d56-9d13-299ee7ae8641
+    [output] Unsubscribed account {green}1234567{normal} from the nerdpack {purple}384de6e5-8e57-4d56-9d13-299ee7ae8641{normal} on the {green}STABLE{normal} channel.
+    ```
+
+    <Callout variant="tip">
+      `nr1 nerdpack:unsubscribe` es un alias para `nr1 subscription:unset`.
+
+      Lea la documentación [`nr1 subscription:unset`](/docs/new-relic-solutions/build-nr-ui/nr1-cli/nr1-subscription/#nr1-subscriptionunset) para obtener más información. O vea la página de ayuda `nr1` :
+
+      ```sh
+      nr1 subscription:unset --help
+      ```
+    </Callout>
+  </Step>
+</Steps>
+
+## Resuelve problemas al acceder a tu Nerdpack publicado
+
+A veces, cuando te suscribes a un Nerdpack, puedes tener problemas. Ya sea que no pueda suscribir o vea una subscripción duplicada en su cuenta, considere algunas soluciones comunes para resolver estos problemas.
+
+### Etiqueta tu versión Nerdpack
+
+Cuando te suscribes a un Nerdpack, eliges una etiqueta específica. Entonces, si el Nerdpack al que estás intentando suscribirte no tiene una etiqueta, o no tiene la etiqueta a la que te diriges, [etiqueta](/docs/new-relic-solutions/new-relic-one/build-nr-apps/tag) tu versión de lanzamiento:
+
+```shell
+nr1 nerdpack:subscribe --channel=DEV
+[output] {error}›{normal}   Error: Nerdpack {purple}ab123c45-678d-9012-efg3-45hi6jkl7890{normal} is not deployed to channel {green}DEV{normal}. You have to deploy it first
+[output] {error}›{normal}   Code: PACKAGE_NOT_DEPLOYED
+[output]
+nr1 nerdpack:tag --tag=DEV
+[output] {success}✔  Tagged {purple}ab123c45-678d-9012-efg3-45hi6jkl7890{normal} version {green}1.0.0{normal} as {green}DEV{normal}.
+[output]
+nr1 nerdpack:subscribe --channel=DEV
+[output] Subscribed account {green}1234567{normal} to the nerdpack {purple}ab123c45-678d-9012-efg3-45hi6jkl7890{normal} on the {green}DEV{normal} channel.
+```
+
+Si te suscribes sin un argumento `--channel` , el canal predeterminado es `STABLE`, así que cerciórate de tener una versión `STABLE` en este caso:
+
+```shell
+nr1 nerdpack:subscribe
+[output] {error}›{normal}   Error: Nerdpack {purple}ab123c45-678d-9012-efg3-45hi6jkl7890{normal} is not deployed to channel {green}STABLE{normal}. You have to deploy it first
+[output] {error}›{normal}   Code: PACKAGE_NOT_DEPLOYED
+```
+
+### Suscríbete con la UIsitio web
+
+Cuando se suscribe con la CLI, pasa un argumento `--channel` para seleccionar una etiqueta. Un **channel** es, a todos los efectos, una **tag**. Este término es una reliquia de una implementación pasada del control de versiones de Nerdpack.
+
+Sin embargo, aunque los términos son sinónimos, el uso de `--channel` está limitado en la CLI. Cuando te suscribes con un `--channel`, solo puedes elegir entre `DEV`, `BETA` y `STABLE`. Entonces, para suscribir a una etiqueta diferente, use la UI sitio web:
+
+```shell
+nr1 nerdpack:subscribe --channel=QA
+[output] {error}›{normal}   Error: Expected --channel=QA to be one of: {green}DEV{normal}, {green}BETA{normal}, {green}STABLE
+[output] {error}›{normal}   See more help with --help
+[output] {error}›{normal}   Code: UNKNOWN
+```
\ No newline at end of file
diff --git a/src/i18n/content/es/docs/new-relic-solutions/new-relic-one/build-nr-apps/tag.mdx b/src/i18n/content/es/docs/new-relic-solutions/new-relic-one/build-nr-apps/tag.mdx
new file mode 100644
index 00000000000..92677688460
--- /dev/null
+++ b/src/i18n/content/es/docs/new-relic-solutions/new-relic-one/build-nr-apps/tag.mdx
@@ -0,0 +1,253 @@
+---
+title: Etiqueta la versión de lanzamiento de tu Nerdpack
+tags:
+  - New Relic
+  - Nerdpack
+metaDescription: Learn to tag your Nerdpack's release version.
+freshnessValidatedDate: never
+translationType: machine
+---
+
+Etiqueta tus versiones de Nerdpack para rastrearlas y suscribirte a ellas. Desetiqueta las versiones para evitar la subscripción u ocultar Nerdpacks del catálogo.
+
+## Actualice su CLI
+
+Antes de ejecutar cualquier comando, cerciorar de tener la última versión de la CLI:
+
+```sh
+nr1 update
+```
+
+## Comprueba tus licencias
+
+Para etiquetar una versión Nerdpack, necesitas:
+
+* Acceso a la cuenta que lo publicó
+* Los [licencias necesarias](/docs/new-relic-solutions/new-relic-one/build-nr-apps/permission-manage-apps) para gestionar Nerdpacks.
+
+## Publica tu Nerdpack
+
+Debes [publicar](/docs/new-relic-solutions/new-relic-one/build-nr-apps/publish) los Nerdpacks que crees antes de poder etiquetarlos.
+
+## Etiquetar una versión
+
+Una vez que publicaste una versión de Nerdpack en el catálogo de la aplicación New Relic , puedes etiquetarla con la CLI `nr1`.
+
+<Steps>
+  <Step>
+    En la carpeta raíz de tu Nerdpack, ejecuta `nr1 nerdpack:tag`:
+
+    ```sh
+    nr1 nerdpack:tag --tag=DEV
+    [output] {success}✔{normal}  Tagged {purple}ab123c45-678d-9012-efg3-45hi6jkl7890{normal} version {green}1.0.0{normal} as {green}DEV{normal}.
+    ```
+
+    Aquí, etiqueta la versión `1.0.0` como `DEV`.
+
+    Ahora, usted y otros usuarios de su cuenta pueden usar esta etiqueta:
+
+    * Ves la etiqueta como una opción para suscribirte cuando agregas el Nerdpack a tu cuenta.
+    * Si se suscribe a la etiqueta `DEV` y se actualiza más tarde (por ejemplo, `DEV` se aplica a la versión `1.0.1` ), se actualizará automáticamente a la nueva versión sin tener que suscribir nuevamente.
+
+    <Callout variant="important">
+      Una de las características de las versiones de lanzamiento de etiquetas es que los usuarios que están suscritos a una etiqueta obtienen actualizaciones automáticamente cuando esa etiqueta se usa para otra versión. Esto significa que si un usuario está probando una versión, digamos `1.0.0`, y usted aplica esa misma etiqueta a otra versión, digamos `1.0.1`, ese usuario verá la versión `1.0.1` en su cuenta y ya no podrá acceder a la Nerdpack que estaban probando antes. Muchas veces, este es el comportamiento esperado, pero cerciorar de considerar este efecto secundario cuando use la etiqueta.
+    </Callout>
+  </Step>
+
+  <Step>
+    Vea la información de registro de su Nerdpack:
+
+    ```sh
+    nr1 nerdpack:info
+    [output] Id: {purple}ab123c45-678d-9012-efg3-45hi6jkl7890
+    [output] Region: {muted}us
+    [output] Account ID: 1234567
+    [output] Local version: 1.0.0
+    [output] Subscription Model: OWNER_AND_ALLOWED
+    [output] Version Count: 1
+    [output]
+    [output] Version  Date         Tags
+    [output] -------  -----------  ----
+    [output] 1.0.0    {muted}5 hours ago{green}  DEV
+    ```
+
+    Este resultado confirma su etiqueta `DEV` en la versión `1.0.0`.
+  </Step>
+</Steps>
+
+## Desetiquetar una versión
+
+A medida que creas más versiones de tu Nerdpack, puedes actualizar tu etiqueta a versiones más nuevas. Sin embargo, también puedes eliminar una etiqueta de tu Nerdpack con `nr1`.
+
+<Steps>
+  <Step>
+    Desde el directorio raíz de su Nerdpack, vea su información de registro:
+
+    ```sh
+    nr1 nerdpack:info
+    [output] Id: {purple}ab123c45-678d-9012-efg3-45hi6jkl7890
+    [output] Region: {muted}us
+    [output] Account ID: 1234567
+    [output] Local version: 1.0.0
+    [output] Subscription Model: OWNER_AND_ALLOWED
+    [output] Version Count: 1
+    [output]
+    [output] Version  Date               Tags
+    [output] -------  -----------------  ----
+    [output] 2.0.0    {muted}a few seconds ago{green}  DEV
+    [output] 1.0.1    {muted}8 minutes ago{green}      BETA, STABLE
+    [output] 1.0.0    {muted}6 hours ago
+    ```
+
+    Aquí verá que la versión `1.0.0` no tiene etiqueta, la versión `1.0.1` tiene dos etiquetas, `BETA` y `STABLE`, y la versión `2.0.0` tiene una etiqueta, `DEV`.
+  </Step>
+
+  <Step>
+    Elimina la etiqueta `BETA` de tus versiones Nerdpack:
+
+    ```sh
+    nr1 nerdpack:untag --tag=BETA
+    [output] {success}✔{normal}  Removed nerdpack {purple}ab123c45-678d-9012-efg3-45hi6jkl7890{normal} tag {green}BETA{normal}.
+    ```
+  </Step>
+
+  <Step>
+    Verifica que la etiqueta fue eliminada de tu Nerdpack:
+
+    ```sh
+    nr1 nerdpack:info
+    [output] Id: {purple}ab123c45-678d-9012-efg3-45hi6jkl7890
+    [output] Region: {muted}us
+    [output] Account ID: 1234567
+    [output] Local version: 1.0.0
+    [output] Subscription Model: OWNER_AND_ALLOWED
+    [output] Version Count: 1
+    [output]
+    [output] Version  Date            Tags
+    [output] -------  --------------  ----
+    [output] 2.0.0    {muted}5 minutes ago{green}   DEV
+    [output] 1.0.1    {muted}13 minutes ago{green}  STABLE
+    [output] 1.0.0    {muted}6 hours ago
+    ```
+  </Step>
+</Steps>
+
+## Resolver problemas con la etiqueta a versión Nerdpack
+
+A veces, cuando etiqueta una versión Nerdpack, puede encontrar problemas. Ya sea que no puedas etiquetar tu Nerdpack o no puedas desetiquetarlo, considera algunas soluciones comunes para resolver estos problemas.
+
+### Publica tu Nerdpack
+
+Si intentas etiquetar tu Nerdpack sin publicarlo primero, obtendrás un error:
+
+```sh
+nr1 nerdpack:tag --tag=DEV
+[output] {error}›{normal}   Error: A downstream error occurred.
+```
+
+Este mensaje de error no dice mucho, pero puedes usar la opción `--verbose` para ver más información:
+
+```sh
+nr1 nerdpack:tag --tag=DEV --verbose
+[output] init version: @oclif/command@1.8.0 argv: [ {green}'--tag=DEV'{normal}, {green}'--verbose'{normal}, [length]: {yellow}2{normal} ]
+[output] {blue}dist/metadata.json{normal} does not exist. package.json will be used instead.
+[output] Using profile {muted}account-1234567
+[output] {purple}Request:{normal} POST https://api.newrelic.com/graphql
+[output] {purple}Data:{green} mutation {
+[output]                 {green}nerdpackTagVersion(
+[output]                     {green}nerdpackId: "ab123c45-678d-9012-efg3-45hi6jkl7890",
+[output]                     {green}versionTag: {
+[output]                         {green}tag: "DEV",
+[output]                         {green}version: "1.0.0"
+[output]                     {green}}
+[output]                 {green}) {
+[output]                     {green}nerdpackId
+[output]                     {green}tags
+[output]                     {green}version
+[output]                 {green}}
+[output]             {green}}
+[output] {purple}Headers: {
+[output]   {green}'API-Key'{normal}: {green}'<YOU USER KEY>'{normal},
+[output]   {green}'Content-Type'{normal}: {green}'application/graphql'
+[output] }
+```
+
+Este mensaje de error más detallado muestra GraphQL que se ejecuta detrás de escena para `nr1 nerdpack:tag`. La parte importante del mensaje aquí es:
+
+```sh
+[output] {blue}dist/metadata.json{normal} does not exist. package.json will be used instead.
+```
+
+El directorio `dist` se crea cuando publicas tu aplicación. Entonces, como aún no se publicó, este directorio no existe y `nr1` recurre a `package.json` para buscar detalles sobre tu Nerdpack. Pero, debido a que el UUID en su `package.json` no está en el registro de New Relic, el comando falló.
+
+Entonces, antes de etiquetar sus versiones, publíquelas en el registro:
+
+```sh
+nr1 nerdpack:publish
+nr1 nerdpack:tag --tag=DEV
+```
+
+<Callout variant="tip">
+  ¡Recuerda que también puedes etiquetar una versión al mismo tiempo que la implementas!
+
+  ```sh
+  nr1 nerdpack:publish --tag=DEV
+  ```
+</Callout>
+
+### Dar de baja del Nerdpack
+
+Sólo puedes eliminar etiquetas que no tengan suscriptores. Si intentas eliminar una etiqueta a la que el usuario está suscrito, obtendrás un error:
+
+```sh
+nr1 nerdpack:info
+[output] Id: {purple}ab123c45-678d-9012-efg3-45hi6jkl7890
+[output] Region: {muted}us
+[output] Account ID: 1234567
+[output] Local version: 2.0.0
+[output] Subscription Model: OWNER_AND_ALLOWED
+[output] Version Count: 3
+[output]
+[output] Version  Date         Tags
+[output] -------  -----------  ----
+[output] 2.0.0    {muted}an hour ago  {green}DEV
+[output] 1.0.1    {muted}an hour ago
+[output] 1.0.0    {muted}6 hours ago
+[output]
+nr1 nerdpack:untag -t DEV
+[output] {error}›{normal}   Error: A downstream error occurred.
+```
+
+En este caso, verifica si estás suscrito al Nerdpack:
+
+```sh
+nr1 subscription:list
+[output] {muted}Listing subscribed deployed nerdpacks on your account:
+[output] Version  UUID                                  Name               Date         User
+[output] -------  ------------------------------------  -----------------  -----------  ----------
+[output] 2.0.0    {purple}ab123c45-678d-9012-efg3-45hi6jkl7890{normal}  MyAwesomeNerdpack  {muted}an hour ago  1000383529
+```
+
+Esto muestra que estás suscrito a `MyAwesomeNerdpack`. Cancelar la subscripción y luego intentar eliminar la etiqueta `DEV` nuevamente:
+
+```sh
+nr1 nerdpack:unsubscribe
+[output] Unsubscribed account {green}1234567{normal} from the nerdpack {purple}ab123c45-678d-9012-efg3-45hi6jkl7890{normal} on the {green}DEV{normal} channel.
+[output]
+nr1 nerdpack:untag --tag=DEV
+[output] {success}✔{normal}  Removed nerdpack {purple}ab123c45-678d-9012-efg3-45hi6jkl7890{normal} tag {green}DEV{normal}.
+[output]
+nr1 nerdpack:info
+[output] Id: {purple}ab123c45-678d-9012-efg3-45hi6jkl7890
+[output] Region: {muted}us
+[output] Account ID: {green}1234567
+[output] Local version: 2.0.0
+[output] Subscription Model: OWNER_AND_ALLOWED
+[output] Version Count: 3
+[output]
+[output] Version  Date         Tags
+[output] -------  -----------  ----
+[output] 2.0.0    {muted}an hour ago
+[output] 1.0.1    {muted}an hour ago
+[output] 1.0.0    {muted}6 hours ago
+```
\ No newline at end of file
diff --git a/src/i18n/content/es/docs/new-relic-solutions/new-relic-one/install-configure/configure-new-relic-agents.mdx b/src/i18n/content/es/docs/new-relic-solutions/new-relic-one/install-configure/configure-new-relic-agents.mdx
index d1df4ab6a0b..c5e9e23cbd9 100644
--- a/src/i18n/content/es/docs/new-relic-solutions/new-relic-one/install-configure/configure-new-relic-agents.mdx
+++ b/src/i18n/content/es/docs/new-relic-solutions/new-relic-one/install-configure/configure-new-relic-agents.mdx
@@ -31,7 +31,7 @@ Consulte nuestra documentación para [la configuración de<InlinePopover type="b
 
 ## Configurar el agente de infraestructura [#infra-config]
 
-La única configuración requerida para nuestro agente de monitoreo de infraestructura es su <InlinePopover type="licenseKey"/>. Esto se configura cuando [instala el agente](/docs/agents/manage-apm-agents/installation/install-agent). También puede utilizar [opciones de configuración adicionales](/docs/infrastructure/new-relic-infrastructure/configuration/configure-infrastructure-agent) para monitor su infraestructura.
+La única configuración requerida para nuestro agente de infraestructura es su <InlinePopover type="licenseKey"/>. Esto se configura cuando [instala el agente](/docs/agents/manage-apm-agents/installation/install-agent). También puede emplear [opciones de configuración adicionales](/docs/infrastructure/new-relic-infrastructure/configuration/configure-infrastructure-agent) para monitor su infraestructura.
 
 ## Configurar agente móvil [#mobile-config]
 
diff --git a/src/i18n/content/es/docs/new-relic-solutions/tutorials/add-query-mutate-nerdstorage.mdx b/src/i18n/content/es/docs/new-relic-solutions/tutorials/add-query-mutate-nerdstorage.mdx
new file mode 100644
index 00000000000..c4c92d8ff58
--- /dev/null
+++ b/src/i18n/content/es/docs/new-relic-solutions/tutorials/add-query-mutate-nerdstorage.mdx
@@ -0,0 +1,219 @@
+---
+title: 'Agregue, consulte y modifique datos usando NerdStorage'
+description: 'NerdStorage es una base de datos de documentos a la que se puede acceder desde New Relic. Le permite modificar, almacenar y recuperar documentos de una sesión a la siguiente.'
+freshnessValidatedDate: never
+translationType: machine
+---
+
+NerdStorage es una base de datos de documentos a la que se puede acceder desde New Relic. Le permite modificar, almacenar y recuperar documentos de una sesión a la siguiente.
+
+Con NerdStorage, puede crear documentos individuales de hasta 64 kb de tamaño, crear diferentes colecciones de documentos y almacenar datos por entidad, cuenta o nivel de usuario.
+
+Esta guía explica cómo agregar datos y documentos a NerdStorage.
+
+## Antes de que empieces [#begin]
+
+Esta guía requiere que tenga una clave de API y la CLI New Relic One.
+
+## Empezar [#start]
+
+Primero, haga que la aplicación NerdStorage se ejecute correctamente dentro de New Relic.
+
+<Steps>
+  <Step>
+    Clona la aplicación de ejemplo del [repositorio de GitHub](https://github.com/newrelic/nr1-how-to/tree/master/use-nerdstorage).
+  </Step>
+
+  <Step>
+    Emplee la CLI de New Relic One para actualizar el UUID de la aplicación y ejecutar la aplicación localmente.
+
+    1. En la terminal, cambie al directorio `/nr1-how-to/use-nerdstorage` :
+
+    ```bash
+    cd /nr1-how-to/use-nerdstorage
+    ```
+
+    2. Actualice el UUID y entregue la aplicación:
+
+    ```bash
+    nr1 update
+    nr1 nerdpack:uuid -gf
+    nr1 nerdpack:serve
+    ```
+  </Step>
+
+  <Step>
+    Una vez que la aplicación se entregó correctamente, su terminal devolverá la URL para ver la aplicación en ejecución en [New Relic](https://one.newrelic.com/?nerdpacks=local).
+
+    Cargue la URL. Haz clic en **Apps** y en **Your apps** verás la aplicación **Use Nerdstorage** en la lista. Haga clic para iniciar la aplicación.
+  </Step>
+</Steps>
+
+## Agregar datos a NerdStorage [#add-data]
+
+Una vez que la aplicación esté funcionando en New Relic, puede prepararla y comenzar a agregar datos.
+
+En la pantalla de la aplicación **How To Use NerdStorage** , hay un panel **Saved to NerdStorage** con un campo para agregar datos. Sin embargo, si escribe algo, recibirá un mensaje de error. Esto se debe a que necesita estar configurado para almacenar datos en el nivel `User` . Puede hacer esto con la ayuda del componente `UserStorageMutation` .
+
+<Steps>
+  <Step>
+    Abra el archivo `./nerdlets/use-nerdstorage-nerdlet/index.js` de la aplicación en el editor de texto de su elección y busque el código para `TextField` y `Button` empleados para ingresar datos. El accesorio `Button onClick` realiza una llamada a un método auxiliar llamado `_addToNerdStorage` y debes actualizarlo para agregar `UserStorageMutation`
+
+    Los `UserStorage` componentes de NerdStorage requieren `collection` y `documentId`. En el método constructor del archivo `index.js` de la aplicación, puede ver las variables que se proporcionan. En el archivo `.js` , se verá así:
+
+    ```jsx
+    constructor(props) {
+        super(props)
+        this.collectionId = 'mycollection';
+        this.documentId = 'learning-nerdstorage';
+        this.state = {
+            isOpen: true,
+            storage: [],
+            text: '',
+        };
+        this._addToNerdStorage = this._addToNerdStorage.bind(this);
+        this._removeFromNerdStorage = this._removeFromNerdStorage.bind(this);
+        this._deleteDocument = this._deleteDocument.bind(this);
+    }
+    ```
+  </Step>
+
+  <Step>
+    Importe el `UserStorageMutation` agregándolo a su declaración `import` en la parte superior del archivo `index.js` :
+
+    ```jsx
+    import { UserStorageMutation } from 'nr1';
+    ```
+
+    Luego actualice el asistente con este código que comienza con `_addToNerdStorage`:
+
+    ```jsx
+    _addToNerdStorage(){
+        const { text, storage } = this.state;
+        storage.push(text);
+        this.setState({storage}, () => {
+            UserStorageMutation.mutate({
+                actionType: UserStorageMutation.ACTION_TYPE.WRITE_DOCUMENT,
+                collection: this.collectionId,
+                documentId: this.documentId,
+                document: { storage },
+            })
+            .then((res) => {
+                this.setState({text: ''});
+                Toast.showToast({ title: "NerdStorage Update.", type: Toast.TYPE.NORMAL });
+            })
+            .catch((err) => console.log(err));
+        });
+    }
+    ```
+  </Step>
+
+  <Step>
+    1. Regrese a la pantalla de la aplicación **How To Use NerdStorage** en ejecución en New Relic y vuelva a cargar la página.
+    2. Agregue algo de texto en el campo de entrada de texto y haga clic en el botón de verificación. Esto actualizará NerdStorage y activará una notificación `Toast` dentro de la aplicación. Luego debería ver el texto que escribió mostrado como una fila de la tabla debajo del campo de entrada de texto.
+  </Step>
+</Steps>
+
+## Consultar datos de NerdStorage [#query-data]
+
+Una vez que el almacenamiento de datos funcione como se describe en la sección anterior, también deberá hacer que la aplicación lea correctamente los datos de NerdStorage, o la aplicación se recargará con un estado vacío cada vez que salga de la página de la aplicación y regrese. Para hacer esto, agregue el componente `UserStorageQuery` y actualice el método `componentDidMount` .
+
+<Steps>
+  <Step>
+    Importe el `UserStorageQuery` agregándolo a la declaración de importación en el archivo `./nerdlets/use-nerdstorage-nerdlet/index.js` de la aplicación.
+
+    ```jsx
+    import { UserStorageMutation, UserStorageQuery } from 'nr1';
+    ```
+  </Step>
+
+  <Step>
+    Luego, agregue el siguiente método `componentDidMount` a su aplicación:
+
+    ```jsx
+    componentDidMount(){
+        UserStorageQuery.query({
+            collection: this.collectionId,
+            documentId: this.documentId,
+        })
+        .then(({ data }) => {
+            if(data !== null) {
+                this.setState({storage: data.storage});
+            }
+        })
+        .catch(err => console.log(err));
+    }
+    ```
+  </Step>
+
+  <Step>
+    De vuelta dentro de la aplicación NerdStorage, prueba tus cambios agregando algunas filas más usando el campo de entrada de texto. Luego salga y resetear la aplicación. La aplicación debería cargar y mostrar todos los datos que ingresó antes de navegar.
+  </Step>
+</Steps>
+
+## Mutar datos en NerdStorage [#mutate-data]
+
+Cada entrada de NerdStorage que se muestra en la tabla dentro de la aplicación tiene un botón de papelera que se puede usar para actualizar una entrada específica. El botón de la papelera funciona llamando al método auxiliar `_removeFromNerdStorage` .
+
+Para que este proceso funcione, actualice el código en `_removeFromNerdStorage`:
+
+```jsx
+_removeFromNerdStorage(index, data){
+    const { storage } = this.state;
+    storage.pop(data);
+
+    this.setState({storage}, () => {
+        UserStorageMutation.mutate({
+            actionType: UserStorageMutation.ACTION_TYPE.WRITE_DOCUMENT,
+            collection: this.collectionId,
+            documentId: this.documentId,
+            document: { storage },
+        })
+        .then((res) => {
+            Toast.showToast({ title: "NerdStorage Update.", type: Toast.TYPE.NORMAL });
+        })
+        .catch((err) => console.log(err));
+    });
+}
+```
+
+Una vez hecho esto, al hacer clic en el botón de la papelera se elimina el elemento al que está asociado y la aplicación se actualiza para mostrar el cambio.
+
+## Eliminar colección de NerdStorage [#delete]
+
+Si bien el botón de la papelera es un buen método para eliminar entradas específicas una a la vez, es posible que también desees poder eliminar un documento completo de NerdStorage a la vez. Puede hacer esto agregando el botón **Delete Document** a su aplicación.
+
+<Steps>
+  <Step>
+    Agregue un nuevo `GridItem` a la aplicación inmediatamente antes de la etiqueta de cierre `Grid` . En el nuevo `GridItem` agregue el siguiente código para mostrar su nuevo botón:
+
+    ```jsx
+    <Button
+      onClick={() => this._deleteDocument()}
+      type={Button.TYPE.DESTRUCTIVE}
+      sizeType={Button.SIZE_TYPE.SMALL}
+      iconType={Button.ICON_TYPE.INTERFACE__OPERATIONS__TRASH}
+    >
+      Delete Document
+    </Button>
+    ```
+  </Step>
+
+  <Step>
+    Debido a que el nuevo botón **Delete Document** llamará al método auxiliar `_deleteDocument` , deberás actualizarlo usando este código:
+
+    ```jsx
+    _deleteDocument(){
+        this.setState({storage: []});
+        UserStorageMutation.mutate({
+            actionType: UserStorageMutation.ACTION_TYPE.DELETE_DOCUMENT,
+            collection: this.collectionId,
+            documentId: this.documentId,
+        });
+        Toast.showToast({ title: "NerdStorage Update.", type: Toast.TYPE.CRITICAL });
+    }
+    ```
+  </Step>
+</Steps>
+
+De vuelta dentro de la aplicación, ahora debería ver los botones de papelera individuales y el botón **Delete Document** recién agregado.
\ No newline at end of file
diff --git a/src/i18n/content/es/docs/new-relic-solutions/tutorials/add-tables.mdx b/src/i18n/content/es/docs/new-relic-solutions/tutorials/add-tables.mdx
new file mode 100644
index 00000000000..72b26d703a5
--- /dev/null
+++ b/src/i18n/content/es/docs/new-relic-solutions/tutorials/add-tables.mdx
@@ -0,0 +1,250 @@
+---
+title: Agregue tablas a su aplicación New Relic
+metaDescription: Add a table to your New Relic app.
+freshnessValidatedDate: never
+translationType: machine
+---
+
+Las tablas son una forma popular de mostrar datos en la aplicación New Relic . Por ejemplo, con el [generador de consultas](/docs/chart-builder/use-chart-builder/get-started/introduction-chart-builder) puedes crear tablas a partir de [NRQL consulta](/docs/query-data/nrql-new-relic-query-language/getting-started/introduction-nrql).
+
+Ya sea que necesite tener más control sobre las tablas o esté importando datos de terceros, puede crear sus propias tablas en su aplicación New Relic.
+
+En esta guía, creará una tabla de muestra empleando varios componentes de New Relic.
+
+<Video
+  id="28nnlbhrvg"
+  type="wistia"
+/>
+
+## Antes de que empieces [#begin]
+
+Si aún no instaló la CLI de New Relic One, siga el [inicio rápido en New Relic](https://one.newrelic.com/launcher/developer-center.launcher). Este proceso también le proporciona una clave de API.
+
+Además, para completar los pasos de esta guía, necesita una cuenta de GitHub y Node.js instalado en su máquina.
+
+## Clonar y configurar la aplicación de ejemplo [#example]
+
+<Steps>
+  <Step>
+    Clone la aplicación de ejemplo [nr1-how-to](https://github.com/newrelic/nr1-how-to) de GitHub a su máquina local. Luego, navegue hasta el directorio de la aplicación.
+
+    La aplicación de ejemplo te permite experimentar con tablas.
+
+    ```sh lineNumbers=false copy=false
+    git clone https://github.com/newrelic/nr1-how-to.git
+    cd nr1-how-to/create-a-table/nerdlets/create-a-table-nerdlet
+    ```
+  </Step>
+
+  <Step>
+    Edite el archivo `index.js` y establezca `this.accountId` en [su ID de cuenta](https://docs.newrelic.com/docs/accounts/install-new-relic/account-setup/account-id) como se muestra en el ejemplo.
+
+    ```js lineNumbers=false
+    export default class Nr1HowtoAddTimePicker extends React.Component {
+        constructor(props){
+            super(props)
+            this.accountId = YOUR_ACCOUNT_ID;
+        }
+        ...
+    }
+    ```
+  </Step>
+
+  <Step>
+    ## Ejecute la aplicación de demostración [#run-demo]
+
+    Vuelva a cambiar el directorio a `nr1-how-to/create-a-table`. Antes de poder cargar la aplicación de demostración, debe [actualizar su ID única](/build-tools/new-relic-one-applications/guide-to-authentication--data-access--and-permissions) invocando la CLI New Relic One.
+
+    Una vez que asignó un nuevo UUID a la aplicación, instale la dependencia y proporcione la aplicación de demostración localmente, para que pueda probar cualquier cambio en tiempo real en su browser.
+
+    ```bash
+    nr1 update
+    nr1 nerdpack:uuid -gf # Update the app unique ID
+    npm install           # Install dependencies
+    nr1 nerdpack:serve    # Serve the demo app locally
+    ```
+  </Step>
+
+  <Step>
+    Abra la [página de inicio local New Relic ](https://one.newrelic.com/?nerdpacks=local)en su browser. Haga clic en **Apps** y luego, en la sección **Your apps** , debería ver un iniciador **Create a table** . Esa es la aplicación de demostración en la que vas a trabajar. Continúe y selecciónelo.
+
+    Eche un buen vistazo a la aplicación de demostración. Hay un `TableChart` en el lado izquierdo llamado **Transaction Overview**, con un `AreaChart` al lado. Empleará `Table` componentes para agregar una nueva tabla en la segunda fila.
+  </Step>
+</Steps>
+
+## Trabajar con componentes de mesa [#table-components]
+
+<Steps>
+  <Step>
+    Navegue hasta el subdirectorio `nerdlets/create-a-table-nerdlet` y abra el archivo `index.js` .
+
+    Agregue los siguientes componentes a la declaración de importación en la parte superior del archivo para que se parezca al ejemplo:
+
+    * `Table`
+    * `TableHeader`
+    * `TableHeaderCell`
+    * `TableRow`
+    * `TableRowCell`
+
+    ```jsx lineNumbers=false
+    import {
+      Table,
+      TableHeader,
+      TableHeaderCell,
+      TableRow,
+      TableRowCell,
+      PlatformStateContext,
+      Grid,
+      GridItem,
+      HeadingText,
+      AreaChart,
+      TableChart,
+    } from 'nr1';
+    ```
+  </Step>
+
+  <Step>
+    ## Agregar un componente de tabla básico [#basic-table]
+
+    Localice el `GridItem` vacío en `index.js`: aquí es donde comienza a construir la tabla.
+
+    Agregue el componente `<Table>` inicial. La propiedad `items` recopila los datos llamando a `_getItems()`, que contiene valores de muestra.
+
+    ```jsx lineNumbers=false
+    <GridItem className="primary-content-container" columnSpan={12}>
+      <Table items={this._getItems()}></Table>
+    </GridItem>
+    ```
+  </Step>
+
+  <Step>
+    ## Agrega el encabezado y las filas. [#add-header-rows]
+
+    Como el componente `Table` representa una cantidad fija de celdas y filas de encabezado, el siguiente paso es agregar componentes de encabezado, así como una función que devuelva las filas de la tabla requeridas.
+
+    Dentro del componente `Table` , agregue el elemento secundario `TableHeader` y luego un `TableHeaderCell` para cada encabezado.
+
+    Como no sabe cuántas filas necesitará, lo mejor que puede hacer es llamar a una función para crear tantos `TableRows` como elementos devuelva `_getItems()`.
+
+    ```jsx lineNumbers=false
+    <TableHeader>
+      <TableHeaderCell>Application</TableHeaderCell>
+      <TableHeaderCell>Size</TableHeaderCell>
+      <TableHeaderCell>Company</TableHeaderCell>
+      <TableHeaderCell>Team</TableHeaderCell>
+      <TableHeaderCell>Commit</TableHeaderCell>
+    </TableHeader>;
+    {
+      ({ item }) => (
+        <TableRow>
+          <TableRowCell>{item.name}</TableRowCell>
+          <TableRowCell>{item.value}</TableRowCell>
+          <TableRowCell>{item.company}</TableRowCell>
+          <TableRowCell>{item.team}</TableRowCell>
+          <TableRowCell>{item.commit}</TableRowCell>
+        </TableRow>
+      );
+    }
+    ```
+  </Step>
+
+  <Step>
+    Eche un vistazo a la aplicación que se ejecuta en New Relic.
+  </Step>
+
+  <Step>
+    ## Reemplazar celdas de tabla estándar con celdas inteligentes [#replace-cells]
+
+    La biblioteca New Relic One incluye componentes celulares que pueden formatear automáticamente ciertos tipos de datos, como nombres de usuario, métrica y entidad.
+
+    La tabla que acaba de crear contiene columnas que pueden beneficiarse de esos componentes: **Application** (un nombre de entidad) y **Size** (una métrica).
+
+    Antes de poder usar `EntityTitleTableRowCell` y `MetricTableRowCell`, primero debe agregarlos a la declaración de importación.
+
+    ```jsx lineNumbers=false copy=false
+    import {
+        EntityTitleTableRowCell,
+        MetricTableRowCell,
+        ... /* All previous components */
+    } from 'nr1';
+
+    ```
+  </Step>
+
+  <Step>
+    Actualice las filas de su tabla reemplazando el primer y segundo `TableRowCell` con celdas de entidad y métrica.
+
+    Observe que `EntityTitleTableRowCell` es una etiqueta de cierre automático.
+
+    ```jsx lineNumbers=false
+    {
+      ({ item }) => (
+        <TableRow>
+          <EntityTitleTableRowCell value={item} />
+          <MetricTableRowCell
+            type={MetricTableRowCell.TYPE.APDEX}
+            value={item.value}
+          />
+          <TableRowCell>{item.company}</TableRowCell>
+          <TableRowCell>{item.team}</TableRowCell>
+          <TableRowCell>{item.commit}</TableRowCell>
+        </TableRow>
+      );
+    }
+    ```
+  </Step>
+
+  <Step>
+    Es hora de darle una segunda mirada a su tabla: los componentes de celda que agregó se encargan de formatear correctamente los datos.
+  </Step>
+
+  <Step>
+    Las tablas son geniales, pero las tablas interactivas pueden ser mejores: como última actualización, permitirá que el usuario actúe en cada fila de datos.
+
+    Agregue el método `_getActions()` a su archivo `index.js` , justo antes de `_getItems()`.
+
+    Como adivinaste por el código, `_getActions()` genera un cuadro de alerta cuando haces clic en **Team** o **Commit** celdas.
+
+    ```jsx lineNumbers=false
+    _getActions() {
+        return [
+            {
+                label: 'Alert Team',
+                iconType: TableRow.ACTIONS_ICON_TYPE.INTERFACE__OPERATIONS__ALERT,
+                onClick: (evt, { item, index }) => {
+                    alert(`Alert Team: ${item.team}`);
+                },
+            },
+            {
+                label: 'Rollback Version',
+                iconType: TableRow.ACTIONS_ICON_TYPE.INTERFACE__OPERATIONS__UNDO,
+                onClick: (evt, { item, index }) => {
+                    alert(`Rollback from: ${item.commit}`);
+                },
+            },
+        ];
+    }
+
+    ```
+  </Step>
+
+  <Step>
+    Busque el componente `TableRow` en su declaración `return` y apunte la propiedad `actions` a `_getActions()`.
+
+    La propiedad de acciones `TableRow` define un conjunto de acciones que aparecen cuando el usuario pasa el cursor sobre una fila de la tabla. Las acciones tienen un texto obligatorio y una devolución de llamada `onClick` , pero también pueden mostrar un icono o desactivar si es necesario.
+
+    ```jsx lineNumbers=false
+    <TableRow actions={this._getActions()}>
+    ```
+  </Step>
+
+  <Step>
+    Vuelve a tu aplicación e intenta pasar el cursor sobre cualquiera de las filas: observa cómo aparecen las dos acciones disponibles. Cuando hace clic en ellos, se activa una función con los datos de la fila seleccionada como argumento y se muestra una alerta en su browser.
+  </Step>
+</Steps>
+
+## Próximos pasos [#next]
+
+Creó una tabla en una aplicación New Relic, empleando componentes para formatear datos automáticamente y proporcionar acciones contextuales. ¡Bien hecho!
+
+Continúe explorando los componentes `Table` , sus propiedades y cómo usarlos en nuestra documentación del SDK.
\ No newline at end of file
diff --git a/src/i18n/content/es/docs/new-relic-solutions/tutorials/add-visualization-dashboard.mdx b/src/i18n/content/es/docs/new-relic-solutions/tutorials/add-visualization-dashboard.mdx
new file mode 100644
index 00000000000..b62e6f12fe2
--- /dev/null
+++ b/src/i18n/content/es/docs/new-relic-solutions/tutorials/add-visualization-dashboard.mdx
@@ -0,0 +1,101 @@
+---
+title: Agregue su visualización personalizada a un dashboard
+metaDescription: Add your custom visualization to a New Relic dashboard
+freshnessValidatedDate: never
+translationType: machine
+---
+
+<Callout variant="tip">
+  Esta lección es parte de un curso que le muestra cómo crear una visualización personalizada en la plataforma New Relic.
+
+  Cada lección del curso se basa en la anterior, así que cerciorar de completar la última lección, [Personalizar visualizaciones con configuración](/docs/new-relic-solutions/tutorials/custom-visualization-config), antes de comenzar esta.
+</Callout>
+
+En la lección anterior, agregó una opción de configuración a su visualización que le permite elegir cómo desea representar sus datos. Esto era diferente de la versión anterior de su código porque, si bien aún puede elegir el tipo de gráfico, ahora solo puede hacerlo antes de crear una instancia de su visualización. Pero, ¿qué significa crear una instancia de tu visualización? ¿Cómo se emplea una visualización una vez que la configuraste?
+
+En esta lección, aprenderá cómo crear una instancia de su visualización y agregar esa instancia al dashboard.
+
+<Callout variant="tip">
+  Si se perdió en los pasos anteriores y le gustaría ver cómo deberían ver sus archivos para comenzar esta lección, consulte el [proyecto del curso](https://github.com/newrelic/nru-custom-visualization-course) en Github.
+</Callout>
+
+## Agregue su visualización personalizada a un dashboard [#add-dashboard]
+
+<Steps>
+  <Step>
+    Desde el directorio raíz de tu Nerdpack, publica y suscríbete a tu visualización:
+
+    ```sh
+    nr1 nerdpack:publish
+    nr1 nerdpack:subscribe
+    ```
+
+    <Callout variant="important">
+      Para publicar un Nerdpack debes ser un usuario completo con el privilegio de “modificar” Nerdpacks (esto se otorga de forma predeterminada).
+    </Callout>
+
+    A continuación, busque su visualización publicada en la superposición de New Relic Apps.
+  </Step>
+
+  <Step>
+    Desde la [página de inicio de New Relic](https://one.newrelic.com), seleccione el botón **Apps** en la barra de navegación superior derecha.
+  </Step>
+
+  <Step>
+    Desde la página de **Apps** , haga clic en el iniciador de **Custom Visualizations** .
+  </Step>
+
+  <Step>
+    Seleccione **RadarOrTreemap**.
+  </Step>
+
+  <Step>
+    En la lección anterior, cambió su visualización para usar el panel de configuración de la plataforma para seleccionar un tipo de gráfico.
+  </Step>
+
+  <Step>
+    Haga clic en **Add to dashboard**. Luego, seleccione un dashboard de la lista de paneles disponibles o seleccione **New dashboard**.
+
+    Si decide crear un nuevo dashboard, seleccione una cuenta y un nombre.
+
+    Haga clic en **Add to dashboard**.
+  </Step>
+
+  <Step>
+    Vaya a su dashboard para ver su visualización personalizada.
+
+    Tenga en cuenta que puede crear otra versión de la visualización con el otro tipo de gráfico y agregarla al mismo dashboard. Por eso los llamamos instancias de su visualización.
+  </Step>
+</Steps>
+
+## Elimina tu visualización [#delete]
+
+Una vez que agregó su visualización a un dashboard, no podrá editarla. No puede cambiar la consulta subyacente, el ID de cuenta, el tipo de gráfico ni ninguna otra opción configurable previamente. Entonces, si no está satisfecho con su visualización, elimínela de su dashboard y siga los pasos de esta guía nuevamente para agregar una nueva instancia.
+
+<Steps>
+  <Step>
+    Haga clic en el botón de elipses en la esquina derecha de la visualización y haga clic en **Delete**.
+  </Step>
+
+  <Step>
+    Confirme que desea eliminar su visualización.
+  </Step>
+</Steps>
+
+## Resumen [#summary]
+
+Ahora sabes cómo:
+
+* Cree nuevas visualizaciones personalizadas con el SDK de New Relic One
+* Configure sus visualizaciones usando el SDK y las opciones de configuración.
+* Agregue sus visualizaciones a un panel
+
+Para obtener más información sobre visualizaciones personalizadas, consulte los siguientes recursos:
+
+* Video de consejos rápidos New Relic : [panel y visualizaciones personalizadas](https://www.youtube.com/watch?v=_F61mxtKfGA) (6 minutos)
+* New Relic NerdBytes: [Configuración de visualizaciones personalizadas para el panel](https://www.youtube.com/watch?v=sFpG_iG7Xa8) (7 minutos)
+* Transmisión en tiempo real de New Relic Changelog: [visualizaciones de datos personalizadas en New Relic](https://www.youtube.com/watch?v=HuR0EdHGz24) (30 minutos)
+
+<Callout variant="course">
+  Esta lección es parte de un curso que le muestra cómo crear una visualización personalizada en la plataforma New Relic. ¡Felicitaciones por llegar hasta el final!
+</Callout>
\ No newline at end of file
diff --git a/src/i18n/content/es/docs/new-relic-solutions/tutorials/custom-visualization-config.mdx b/src/i18n/content/es/docs/new-relic-solutions/tutorials/custom-visualization-config.mdx
new file mode 100644
index 00000000000..a4381c5af19
--- /dev/null
+++ b/src/i18n/content/es/docs/new-relic-solutions/tutorials/custom-visualization-config.mdx
@@ -0,0 +1,964 @@
+---
+title: Personaliza tu visualización con opciones de configuración
+metaDescription: Customize your visualization using configuration
+freshnessValidatedDate: never
+translationType: machine
+---
+
+<Callout variant="tip">
+  Esta lección es parte de un curso que le muestra cómo crear una visualización personalizada en la plataforma New Relic.
+
+  Cada lección del curso se basa en la anterior, así que cerciorar de completar la última lección, [Visualizaciones personalizadas y el SDK de New Relic](/docs/new-relic-solutions/tutorials/custom-visualization-sdk), antes de comenzar esta.
+</Callout>
+
+## Comienza aqui [#begin]
+
+En la lección anterior, creó una visualización personalizada que muestra datos de consulta en uno de dos tipos de gráficos:
+
+* [`RadarChart`](https://recharts.org/en-US/api/RadarChart)
+* [`Treemap`](https://recharts.org/en-US/api/Treemap)
+
+Usó un `SegmentedControl` para cambiar entre los dos tipos de gráficos en la UI de visualización. Esta implementación ocupa espacio en la visualización, pero ofrece al usuario la opción de cambiar entre dos tipos de gráficos incluso luego de crear una instancia de su gráfico. Pero, ¿qué pasa si solo necesita poder seleccionar una opción una vez, al inicializar la visualización?
+
+En esta lección, aprenderá cómo agregar una opción de configuración a su visualización que reemplaza `SegmentedControl`.
+
+<Callout variant="tip">
+  Si se pierde en el proyecto de código y le gustaría ver cómo deberían ver los archivos cuando terminó con cada lección, consulte el [proyecto del curso](https://github.com/newrelic/nru-custom-visualization-course) en Github.
+</Callout>
+
+```js fileName=visualizations/radar-or-treemap/index.js
+import React from 'react';
+import PropTypes from 'prop-types';
+import {
+  Radar,
+  RadarChart,
+  PolarGrid,
+  PolarAngleAxis,
+  PolarRadiusAxis,
+  Treemap,
+} from 'recharts';
+import {
+  AutoSizer,
+  Card,
+  CardBody,
+  HeadingText,
+  NrqlQuery,
+  SegmentedControl,
+  SegmentedControlItem,
+  Spinner,
+} from 'nr1';
+
+const CHART_TYPES = {
+  Radar: 'radar',
+  Treemap: 'treemap',
+};
+
+export default class RadarOrTreemapVisualization extends React.Component {
+  // Custom props you wish to be configurable in the UI must also be defined in
+  // the nr1.json file for the visualization. See docs for more details.
+  static propTypes = {
+    /**
+     * A fill color to override the default fill color. This is an example of
+     * a custom chart configuration.
+     */
+    fill: PropTypes.string,
+
+    /**
+     * A stroke color to override the default stroke color. This is an example of
+     * a custom chart configuration.
+     */
+    stroke: PropTypes.string,
+    /**
+     * An array of objects consisting of a nrql `query` and `accountId`.
+     * This should be a standard prop for any NRQL based visualizations.
+     */
+    nrqlQueries: PropTypes.arrayOf(
+      PropTypes.shape({
+        accountId: PropTypes.number,
+        query: PropTypes.string,
+      })
+    ),
+  };
+
+  state = {
+    selectedChart: CHART_TYPES.Radar,
+  };
+
+  /**
+   * Restructure the data for a non-time-series, facet-based NRQL query into a
+   * form accepted by the Recharts library's RadarChart.
+   * (https://recharts.org/api/RadarChart).
+   */
+  transformData = (rawData) => {
+    return rawData.map((entry) => ({
+      name: entry.metadata.name,
+      // Only grabbing the first data value because this is not time-series data.
+      value: entry.data[0].y,
+    }));
+  };
+
+  /**
+   * Format the given axis tick's numeric value into a string for display.
+   */
+  formatTick = (value) => {
+    return value.toLocaleString();
+  };
+
+  updateSelectedChart = (evt, value) => {
+    this.setState({ selectedChart: value });
+  };
+
+  render() {
+    const { nrqlQueries, stroke, fill } = this.props;
+    const { selectedChart } = this.state;
+
+    const nrqlQueryPropsAvailable =
+      nrqlQueries &&
+      nrqlQueries[0] &&
+      nrqlQueries[0].accountId &&
+      nrqlQueries[0].query;
+
+    if (!nrqlQueryPropsAvailable) {
+      return <EmptyState />;
+    }
+
+    return (
+      <AutoSizer>
+        {({ width, height }) => (
+          <NrqlQuery
+            query={nrqlQueries[0].query}
+            accountId={parseInt(nrqlQueries[0].accountId)}
+            pollInterval={NrqlQuery.AUTO_POLL_INTERVAL}
+          >
+            {({ data, loading, error }) => {
+              if (loading) {
+                return <Spinner />;
+              }
+
+              if (error) {
+                return <ErrorState />;
+              }
+
+              const transformedData = this.transformData(data);
+
+              return (
+                <React.Fragment>
+                  <SegmentedControl onChange={this.updateSelectedChart}>
+                    <SegmentedControlItem
+                      value={CHART_TYPES.Radar}
+                      label="Radar chart"
+                    />
+                    <SegmentedControlItem
+                      value={CHART_TYPES.Treemap}
+                      label="Treemap chart"
+                    />
+                  </SegmentedControl>
+                  {selectedChart === CHART_TYPES.Radar ? (
+                    <RadarChart
+                      width={width}
+                      height={height}
+                      data={transformedData}
+                    >
+                      <PolarGrid />
+                      <PolarAngleAxis dataKey="name" />
+                      <PolarRadiusAxis tickFormatter={this.formatTick} />
+                      <Radar
+                        dataKey="value"
+                        stroke={stroke || '#51C9B7'}
+                        fill={fill || '#51C9B7'}
+                        fillOpacity={0.6}
+                      />
+                    </RadarChart>
+                  ) : (
+                    <Treemap
+                      width={width}
+                      height={height}
+                      data={transformedData}
+                      dataKey="value"
+                      ratio={4 / 3}
+                      stroke={stroke || '#000000'}
+                      fill={fill || '#51C9B7'}
+                    />
+                  )}
+                </React.Fragment>
+              );
+            }}
+          </NrqlQuery>
+        )}
+      </AutoSizer>
+    );
+  }
+}
+
+const EmptyState = () => (
+  <Card className="EmptyState">
+    <CardBody className="EmptyState-cardBody">
+      <HeadingText
+        spacingType={[HeadingText.SPACING_TYPE.LARGE]}
+        type={HeadingText.TYPE.HEADING_3}
+      >
+        Please provide at least one NRQL query & account ID pair
+      </HeadingText>
+      <HeadingText
+        spacingType={[HeadingText.SPACING_TYPE.MEDIUM]}
+        type={HeadingText.TYPE.HEADING_4}
+      >
+        An example NRQL query you can try is:
+      </HeadingText>
+      <code>FROM NrUsage SELECT sum(usage) FACET metric SINCE 1 week ago</code>
+    </CardBody>
+  </Card>
+);
+
+const ErrorState = () => (
+  <Card className="ErrorState">
+    <CardBody className="ErrorState-cardBody">
+      <HeadingText
+        className="ErrorState-headingText"
+        spacingType={[HeadingText.SPACING_TYPE.LARGE]}
+        type={HeadingText.TYPE.HEADING_3}
+      >
+        Oops! Something went wrong.
+      </HeadingText>
+    </CardBody>
+  </Card>
+);
+```
+
+```js fileName=visualizations/radar-or-treemap/nr1.json
+{
+  "schemaType": "VISUALIZATION",
+  "id": "radar-or-treemap",
+  "displayName": "RadarOrTreemap",
+  "description": "",
+  "configuration": [
+    {
+      "name": "nrqlQueries",
+      "title": "NRQL Queries",
+      "type": "collection",
+      "items": [
+        {
+          "name": "accountId",
+          "title": "Account ID",
+          "description": "Account ID to be associated with the query",
+          "type": "account-id"
+        },
+        {
+          "name": "query",
+          "title": "Query",
+          "description": "NRQL query for visualization",
+          "type": "nrql"
+        }
+      ]
+    },
+    {
+      "name": "fill",
+      "title": "Fill color",
+      "description": "A fill color to override the default fill color",
+      "type": "string"
+    },
+    {
+      "name": "stroke",
+      "title": "Stroke color",
+      "description": "A stroke color to override the default stroke color",
+      "type": "string"
+    }
+  ]
+}
+```
+
+## Agregar una nueva opción de configuración [#new-config]
+
+<Steps>
+  <Step>
+    En el archivo _nr1.json_ de su visualización, agregue un objeto de configuración `enum` para `selectedChart`:
+
+    ```js fileName=visualizations/radar-or-treemap/nr1.json
+    {
+      "schemaType": "VISUALIZATION",
+      "id": "radar-or-treemap",
+      "displayName": "RadarOrTreemap",
+      "description": "",
+      "configuration": [
+        {
+          "name": "selectedChart",
+          "title": "Select chart",
+          "description": "Select which chart to display",
+          "type": "enum",
+          "items": [
+            {
+              "title": "Radar",
+              "value": "radar"
+            },
+            {
+              "title": "Treemap",
+              "value": "treemap"
+            }
+          ]
+        },
+        {
+          "name": "nrqlQueries",
+          "title": "NRQL Queries",
+          "type": "collection",
+          "items": [
+            {
+              "name": "accountId",
+              "title": "Account ID",
+              "description": "Account ID to be associated with the query",
+              "type": "account-id"
+            },
+            {
+              "name": "query",
+              "title": "Query",
+              "description": "NRQL query for visualization",
+              "type": "nrql"
+            }
+          ]
+        },
+        {
+          "name": "fill",
+          "title": "Fill color",
+          "description": "A fill color to override the default fill color",
+          "type": "string"
+        },
+        {
+          "name": "stroke",
+          "title": "Stroke color",
+          "description": "A stroke color to override the default stroke color",
+          "type": "string"
+        }
+      ]
+    }
+    ```
+  </Step>
+
+  <Step>
+    Navegue hasta la raíz de su Nerdpack en _alternate-viz_.
+  </Step>
+
+  <Step>
+    [Sirve tu Nerdpack localmente](/build-apps/publish-deploy/serve/):
+
+    ```bash
+    nr1 nerdpack:serve
+    ```
+
+    Si todavía estás publicando tu Nerdpack de la última lección, debes detenerlo con `CTRL-X` y publicarlo nuevamente para reflejar los cambios en _nr1.json_.
+  </Step>
+
+  <Step>
+    Vaya a [https://one.newrelic.com/?nerdpacks=local](https://one.newrelic.com/?nerdpacks=local). La cadena de consulta `nerdpacks=local` indica a la UI que cargue su visualización desde el servidor local.
+  </Step>
+
+  <Step>
+    Abra la página de **Apps** .
+  </Step>
+
+  <Step>
+    Vaya a **Custom Visualizations**.
+  </Step>
+
+  <Step>
+    En **Custom Visualizations**, busque y haga clic en su visualización.
+  </Step>
+
+  <Step>
+    Observe la nueva opción de configuración **Select chart** .
+
+    Seleccionar un tipo de gráfico no afecta su visualización. Esto se debe a que primero debe introducir la propiedad `selectedChart` en el componente de visualización. Luego, emplea `selectedChart` para determinar el tipo de gráfico que se va a representar.
+  </Step>
+</Steps>
+
+## Reemplace su `SegmentedControl` con la propiedad configurable [#replace]
+
+<Steps>
+  <Step>
+    Abra el archivo _index.js_ de su visualización. Trabajarás aquí durante el resto de la guía.
+  </Step>
+
+  <Step>
+    En `render()`, incluya `selectedChart` como una constante que obtiene al desestructurar `props` y elimine el `state` de su componente:
+
+    ```js fileName=visualizations/radar-or-treemap/index.js
+    import React from 'react';
+    import PropTypes from 'prop-types';
+    import {
+      Radar,
+      RadarChart,
+      PolarGrid,
+      PolarAngleAxis,
+      PolarRadiusAxis,
+      Treemap,
+    } from 'recharts';
+    import {
+      AutoSizer,
+      Card,
+      CardBody,
+      HeadingText,
+      NrqlQuery,
+      SegmentedControl,
+      SegmentedControlItem,
+      Spinner,
+    } from 'nr1';
+
+    const CHART_TYPES = {
+      Radar: 'radar',
+      Treemap: 'treemap',
+    };
+
+    export default class RadarOrTreemapVisualization extends React.Component {
+      // Custom props you wish to be configurable in the UI must also be defined in
+      // the nr1.json file for the visualization. See docs for more details.
+      static propTypes = {
+        /**
+         * A fill color to override the default fill color. This is an example of
+         * a custom chart configuration.
+         */
+        fill: PropTypes.string,
+
+        /**
+         * A stroke color to override the default stroke color. This is an example of
+         * a custom chart configuration.
+         */
+        stroke: PropTypes.string,
+        /**
+         * An array of objects consisting of a nrql `query` and `accountId`.
+         * This should be a standard prop for any NRQL based visualizations.
+         */
+        nrqlQueries: PropTypes.arrayOf(
+          PropTypes.shape({
+            accountId: PropTypes.number,
+            query: PropTypes.string,
+          })
+        ),
+      };
+
+      /**
+       * Restructure the data for a non-time-series, facet-based NRQL query into a
+       * form accepted by the Recharts library's RadarChart.
+       * (https://recharts.org/api/RadarChart).
+       */
+      transformData = (rawData) => {
+        return rawData.map((entry) => ({
+          name: entry.metadata.name,
+          // Only grabbing the first data value because this is not time-series data.
+          value: entry.data[0].y,
+        }));
+      };
+
+      /**
+       * Format the given axis tick's numeric value into a string for display.
+       */
+      formatTick = (value) => {
+        return value.toLocaleString();
+      };
+
+      render() {
+        const { nrqlQueries, stroke, fill, selectedChart } = this.props;
+
+        const nrqlQueryPropsAvailable =
+          nrqlQueries &&
+          nrqlQueries[0] &&
+          nrqlQueries[0].accountId &&
+          nrqlQueries[0].query;
+
+        if (!nrqlQueryPropsAvailable) {
+          return <EmptyState />;
+        }
+
+        return (
+          <AutoSizer>
+            {({ width, height }) => (
+              <NrqlQuery
+                query={nrqlQueries[0].query}
+                accountId={parseInt(nrqlQueries[0].accountId)}
+                pollInterval={NrqlQuery.AUTO_POLL_INTERVAL}
+              >
+                {({ data, loading, error }) => {
+                  if (loading) {
+                    return <Spinner />;
+                  }
+
+                  if (error) {
+                    return <ErrorState />;
+                  }
+
+                  const transformedData = this.transformData(data);
+
+                  return (
+                    <React.Fragment>
+                      <SegmentedControl>
+                        <SegmentedControlItem
+                          value={CHART_TYPES.Radar}
+                          label="Radar chart"
+                        />
+                        <SegmentedControlItem
+                          value={CHART_TYPES.Treemap}
+                          label="Treemap chart"
+                        />
+                      </SegmentedControl>
+                      {selectedChart === CHART_TYPES.Radar ? (
+                        <RadarChart
+                          width={width}
+                          height={height}
+                          data={transformedData}
+                        >
+                          <PolarGrid />
+                          <PolarAngleAxis dataKey="name" />
+                          <PolarRadiusAxis tickFormatter={this.formatTick} />
+                          <Radar
+                            dataKey="value"
+                            stroke={stroke || '#51C9B7'}
+                            fill={fill || '#51C9B7'}
+                            fillOpacity={0.6}
+                          />
+                        </RadarChart>
+                      ) : (
+                        <Treemap
+                          width={width}
+                          height={height}
+                          data={transformedData}
+                          dataKey="value"
+                          ratio={4 / 3}
+                          stroke={stroke || '#000000'}
+                          fill={fill || '#51C9B7'}
+                        />
+                      )}
+                    </React.Fragment>
+                  );
+                }}
+              </NrqlQuery>
+            )}
+          </AutoSizer>
+        );
+      }
+    }
+
+    const EmptyState = () => (
+      <Card className="EmptyState">
+        <CardBody className="EmptyState-cardBody">
+          <HeadingText
+            spacingType={[HeadingText.SPACING_TYPE.LARGE]}
+            type={HeadingText.TYPE.HEADING_3}
+          >
+            Please provide at least one NRQL query & account ID pair
+          </HeadingText>
+          <HeadingText
+            spacingType={[HeadingText.SPACING_TYPE.MEDIUM]}
+            type={HeadingText.TYPE.HEADING_4}
+          >
+            An example NRQL query you can try is:
+          </HeadingText>
+          <code>FROM NrUsage SELECT sum(usage) FACET metric SINCE 1 week ago</code>
+        </CardBody>
+      </Card>
+    );
+
+    const ErrorState = () => (
+      <Card className="ErrorState">
+        <CardBody className="ErrorState-cardBody">
+          <HeadingText
+            className="ErrorState-headingText"
+            spacingType={[HeadingText.SPACING_TYPE.LARGE]}
+            type={HeadingText.TYPE.HEADING_3}
+          >
+            Oops! Something went wrong.
+          </HeadingText>
+        </CardBody>
+      </Card>
+    );
+    ```
+
+    Ahora que está empleando `selectedChart` de las opciones de configuración en lugar del componente `state`, puede seleccionar un gráfico en el panel de configuración y observar cómo cambia la visualización. Desafortunadamente, hay un error. La opción de gráfico predeterminada es **Radar**, pero la representación inicial muestra un mapa de árbol.
+  </Step>
+
+  <Step>
+    Actualice su expresión ternaria para tener en cuenta el caso en el que no hay `selectedChart`:
+
+    ```js fileName=visualizations/radar-or-treemap/index.js
+    import React from 'react';
+    import PropTypes from 'prop-types';
+    import {
+      Radar,
+      RadarChart,
+      PolarGrid,
+      PolarAngleAxis,
+      PolarRadiusAxis,
+      Treemap,
+    } from 'recharts';
+    import {
+      AutoSizer,
+      Card,
+      CardBody,
+      HeadingText,
+      NrqlQuery,
+      SegmentedControl,
+      SegmentedControlItem,
+      Spinner,
+    } from 'nr1';
+
+    const CHART_TYPES = {
+      Radar: 'radar',
+      Treemap: 'treemap',
+    };
+
+    export default class RadarOrTreemapVisualization extends React.Component {
+      // Custom props you wish to be configurable in the UI must also be defined in
+      // the nr1.json file for the visualization. See docs for more details.
+      static propTypes = {
+        /**
+         * A fill color to override the default fill color. This is an example of
+         * a custom chart configuration.
+         */
+        fill: PropTypes.string,
+
+        /**
+         * A stroke color to override the default stroke color. This is an example of
+         * a custom chart configuration.
+         */
+        stroke: PropTypes.string,
+        /**
+         * An array of objects consisting of a nrql `query` and `accountId`.
+         * This should be a standard prop for any NRQL based visualizations.
+         */
+        nrqlQueries: PropTypes.arrayOf(
+          PropTypes.shape({
+            accountId: PropTypes.number,
+            query: PropTypes.string,
+          })
+        ),
+      };
+
+      /**
+       * Restructure the data for a non-time-series, facet-based NRQL query into a
+       * form accepted by the Recharts library's RadarChart.
+       * (https://recharts.org/api/RadarChart).
+       */
+      transformData = (rawData) => {
+        return rawData.map((entry) => ({
+          name: entry.metadata.name,
+          // Only grabbing the first data value because this is not time-series data.
+          value: entry.data[0].y,
+        }));
+      };
+
+      /**
+       * Format the given axis tick's numeric value into a string for display.
+       */
+      formatTick = (value) => {
+        return value.toLocaleString();
+      };
+
+      render() {
+        const { nrqlQueries, stroke, fill, selectedChart } = this.props;
+
+        const nrqlQueryPropsAvailable =
+          nrqlQueries &&
+          nrqlQueries[0] &&
+          nrqlQueries[0].accountId &&
+          nrqlQueries[0].query;
+
+        if (!nrqlQueryPropsAvailable) {
+          return <EmptyState />;
+        }
+
+        return (
+          <AutoSizer>
+            {({ width, height }) => (
+              <NrqlQuery
+                query={nrqlQueries[0].query}
+                accountId={parseInt(nrqlQueries[0].accountId)}
+                pollInterval={NrqlQuery.AUTO_POLL_INTERVAL}
+              >
+                {({ data, loading, error }) => {
+                  if (loading) {
+                    return <Spinner />;
+                  }
+
+                  if (error) {
+                    return <ErrorState />;
+                  }
+
+                  const transformedData = this.transformData(data);
+
+                  return (
+                    <React.Fragment>
+                      <SegmentedControl>
+                        <SegmentedControlItem
+                          value={CHART_TYPES.Radar}
+                          label="Radar chart"
+                        />
+                        <SegmentedControlItem
+                          value={CHART_TYPES.Treemap}
+                          label="Treemap chart"
+                        />
+                      </SegmentedControl>
+                      {!selectedChart || selectedChart === CHART_TYPES.Radar ? (
+                        <RadarChart
+                          width={width}
+                          height={height}
+                          data={transformedData}
+                        >
+                          <PolarGrid />
+                          <PolarAngleAxis dataKey="name" />
+                          <PolarRadiusAxis tickFormatter={this.formatTick} />
+                          <Radar
+                            dataKey="value"
+                            stroke={stroke || '#51C9B7'}
+                            fill={fill || '#51C9B7'}
+                            fillOpacity={0.6}
+                          />
+                        </RadarChart>
+                      ) : (
+                        <Treemap
+                          width={width}
+                          height={height}
+                          data={transformedData}
+                          dataKey="value"
+                          ratio={4 / 3}
+                          stroke={stroke || '#000000'}
+                          fill={fill || '#51C9B7'}
+                        />
+                      )}
+                    </React.Fragment>
+                  );
+                }}
+              </NrqlQuery>
+            )}
+          </AutoSizer>
+        );
+      }
+    }
+
+    const EmptyState = () => (
+      <Card className="EmptyState">
+        <CardBody className="EmptyState-cardBody">
+          <HeadingText
+            spacingType={[HeadingText.SPACING_TYPE.LARGE]}
+            type={HeadingText.TYPE.HEADING_3}
+          >
+            Please provide at least one NRQL query & account ID pair
+          </HeadingText>
+          <HeadingText
+            spacingType={[HeadingText.SPACING_TYPE.MEDIUM]}
+            type={HeadingText.TYPE.HEADING_4}
+          >
+            An example NRQL query you can try is:
+          </HeadingText>
+          <code>FROM NrUsage SELECT sum(usage) FACET metric SINCE 1 week ago</code>
+        </CardBody>
+      </Card>
+    );
+
+    const ErrorState = () => (
+      <Card className="ErrorState">
+        <CardBody className="ErrorState-cardBody">
+          <HeadingText
+            className="ErrorState-headingText"
+            spacingType={[HeadingText.SPACING_TYPE.LARGE]}
+            type={HeadingText.TYPE.HEADING_3}
+          >
+            Oops! Something went wrong.
+          </HeadingText>
+        </CardBody>
+      </Card>
+    );
+    ```
+
+    Ahora, sus datos se representan en un `RadarChart` si aún no configuró la opción.
+  </Step>
+
+  <Step>
+    Eliminar `SegmentedControl` de `render()`:
+
+    ```js fileName=visualizations/radar-or-treemap/index.js
+    import React from 'react';
+    import PropTypes from 'prop-types';
+    import {
+      Radar,
+      RadarChart,
+      PolarGrid,
+      PolarAngleAxis,
+      PolarRadiusAxis,
+      Treemap,
+    } from 'recharts';
+    import {
+      AutoSizer,
+      Card,
+      CardBody,
+      HeadingText,
+      NrqlQuery,
+      Spinner,
+    } from 'nr1';
+
+    const CHART_TYPES = {
+      Radar: 'radar',
+      Treemap: 'treemap',
+    };
+
+    export default class RadarOrTreemapVisualization extends React.Component {
+      // Custom props you wish to be configurable in the UI must also be defined in
+      // the nr1.json file for the visualization. See docs for more details.
+      static propTypes = {
+        /**
+         * A fill color to override the default fill color. This is an example of
+         * a custom chart configuration.
+         */
+        fill: PropTypes.string,
+
+        /**
+         * A stroke color to override the default stroke color. This is an example of
+         * a custom chart configuration.
+         */
+        stroke: PropTypes.string,
+        /**
+         * An array of objects consisting of a nrql `query` and `accountId`.
+         * This should be a standard prop for any NRQL based visualizations.
+         */
+        nrqlQueries: PropTypes.arrayOf(
+          PropTypes.shape({
+            accountId: PropTypes.number,
+            query: PropTypes.string,
+          })
+        ),
+      };
+
+      /**
+       * Restructure the data for a non-time-series, facet-based NRQL query into a
+       * form accepted by the Recharts library's RadarChart.
+       * (https://recharts.org/api/RadarChart).
+       */
+      transformData = (rawData) => {
+        return rawData.map((entry) => ({
+          name: entry.metadata.name,
+          // Only grabbing the first data value because this is not time-series data.
+          value: entry.data[0].y,
+        }));
+      };
+
+      /**
+       * Format the given axis tick's numeric value into a string for display.
+       */
+      formatTick = (value) => {
+        return value.toLocaleString();
+      };
+
+      render() {
+        const { nrqlQueries, stroke, fill, selectedChart } = this.props;
+
+        const nrqlQueryPropsAvailable =
+          nrqlQueries &&
+          nrqlQueries[0] &&
+          nrqlQueries[0].accountId &&
+          nrqlQueries[0].query;
+
+        if (!nrqlQueryPropsAvailable) {
+          return <EmptyState />;
+        }
+
+        return (
+          <AutoSizer>
+            {({ width, height }) => (
+              <NrqlQuery
+                query={nrqlQueries[0].query}
+                accountId={parseInt(nrqlQueries[0].accountId)}
+                pollInterval={NrqlQuery.AUTO_POLL_INTERVAL}
+              >
+                {({ data, loading, error }) => {
+                  if (loading) {
+                    return <Spinner />;
+                  }
+
+                  if (error) {
+                    return <ErrorState />;
+                  }
+
+                  const transformedData = this.transformData(data);
+
+                  return (
+                    <React.Fragment>
+                      {!selectedChart || selectedChart === CHART_TYPES.Radar ? (
+                        <RadarChart
+                          width={width}
+                          height={height}
+                          data={transformedData}
+                        >
+                          <PolarGrid />
+                          <PolarAngleAxis dataKey="name" />
+                          <PolarRadiusAxis tickFormatter={this.formatTick} />
+                          <Radar
+                            dataKey="value"
+                            stroke={stroke || '#51C9B7'}
+                            fill={fill || '#51C9B7'}
+                            fillOpacity={0.6}
+                          />
+                        </RadarChart>
+                      ) : (
+                        <Treemap
+                          width={width}
+                          height={height}
+                          data={transformedData}
+                          dataKey="value"
+                          ratio={4 / 3}
+                          stroke={stroke || '#000000'}
+                          fill={fill || '#51C9B7'}
+                        />
+                      )}
+                    </React.Fragment>
+                  );
+                }}
+              </NrqlQuery>
+            )}
+          </AutoSizer>
+        );
+      }
+    }
+
+    const EmptyState = () => (
+      <Card className="EmptyState">
+        <CardBody className="EmptyState-cardBody">
+          <HeadingText
+            spacingType={[HeadingText.SPACING_TYPE.LARGE]}
+            type={HeadingText.TYPE.HEADING_3}
+          >
+            Please provide at least one NRQL query & account ID pair
+          </HeadingText>
+          <HeadingText
+            spacingType={[HeadingText.SPACING_TYPE.MEDIUM]}
+            type={HeadingText.TYPE.HEADING_4}
+          >
+            An example NRQL query you can try is:
+          </HeadingText>
+          <code>FROM NrUsage SELECT sum(usage) FACET metric SINCE 1 week ago</code>
+        </CardBody>
+      </Card>
+    );
+
+    const ErrorState = () => (
+      <Card className="ErrorState">
+        <CardBody className="ErrorState-cardBody">
+          <HeadingText
+            className="ErrorState-headingText"
+            spacingType={[HeadingText.SPACING_TYPE.LARGE]}
+            type={HeadingText.TYPE.HEADING_3}
+          >
+            Oops! Something went wrong.
+          </HeadingText>
+        </CardBody>
+      </Card>
+    );
+    ```
+  </Step>
+
+  <Step>
+    Sirve tu Nerdpack localmente y véelo en la aplicación **Custom Visualizations** en New Relic. Seleccione un tipo de gráfico en el menú desplegable de la barra lateral de configuración y vea la actualización de su visualización para mostrar el tipo de gráfico coincidente.
+  </Step>
+</Steps>
+
+## Resumen [#summary]
+
+¡Felicitaciones por completar esta lección! Aprendió cómo personalizar su visualización usando la configuración _nr1.json_ .
+
+<Callout variant="course">
+  Esta lección es parte de un curso que le muestra cómo crear una visualización personalizada en la plataforma New Relic. Cuando esté listo, continúe con la siguiente lección: [Agregue visualizaciones personalizadas a sus paneles](/docs/new-relic-solutions/tutorials/add-visualization-dashboard).
+</Callout>
\ No newline at end of file
diff --git a/src/i18n/content/es/docs/new-relic-solutions/tutorials/custom-visualization-sdk.mdx b/src/i18n/content/es/docs/new-relic-solutions/tutorials/custom-visualization-sdk.mdx
new file mode 100644
index 00000000000..7c30622d0ab
--- /dev/null
+++ b/src/i18n/content/es/docs/new-relic-solutions/tutorials/custom-visualization-sdk.mdx
@@ -0,0 +1,2171 @@
+---
+title: Personalice su visualización con componentes SDK
+metaDescription: Customize your visualization with the NR SDK components.
+freshnessValidatedDate: never
+translationType: machine
+---
+
+<Callout variant="tip">
+  Esta lección es parte de un curso que le muestra cómo crear una visualización personalizada en la plataforma New Relic.
+</Callout>
+
+Emplee visualizaciones personalizadas de New Relic para mostrar sus datos, ya sea de la base de datos de New Relic o de una fuente externa, de maneras únicas que son distintas de los gráficos que ofrece la plataforma New Relic.
+
+En esta lección, creará una visualización que muestra sus datos en uno de dos tipos de gráficos: [`RadarChart`](https://recharts.org/en-US/api/RadarChart) o [`Treemap`](https://recharts.org/en-US/api/Treemap). Luego, implementa un componente `SegmentedControl` del SDK de New Relic One, que le permite alternar entre los dos tipos de gráficos. En última instancia, esto le brinda libertad para ver sus datos de una manera dinámica que no es posible con las ofertas básicas de New Relic.
+
+<Callout variant="tip">
+  Si se pierde en el proyecto de código y le gustaría ver cómo deberían ver los archivos cuando terminó con cada lección, consulte el [proyecto del curso](https://github.com/newrelic/nru-custom-visualization-course) en Github.
+</Callout>
+
+## Antes de que empieces [#begin]
+
+Finalmente, si aún no lo hiciste:
+
+* Registrar para obtener una [cuenta New Relic](https://newrelic.com/signup?utm_source=developer-site)
+* Instalar [Node.js](https://nodejs.org/en/download/)
+* Complete los pasos del [`nr1` inicio rápido](https://one.newrelic.com/launcher/developer-center.launcher?pane=eyJuZXJkbGV0SWQiOiJkZXZlbG9wZXItY2VudGVyLmRldmVsb3Blci1jZW50ZXIifQ==) para instalar y configurar la CLI
+
+## Crea tu visualización [#create-visualization]
+
+<Steps>
+  <Step>
+    Cerciorar de estar trabajando con la última versión de New Relic CLI:
+
+    ```bash
+    nr1 update
+    ```
+  </Step>
+
+  <Step>
+    Cree una visualización, llamada `radar-or-treemap`, en un Nerdpack, llamado `alternate-viz`:
+
+    ```bash animate
+    nr1 create --type visualization --name radar-or-treemap
+    [output] {success}✔ {plain}You’re trying to create a visualization outside of a Nerdpack.  We’ll create a Nerdpack for you—what do you want to name it? … alternate-viz
+    [output]
+    [output] {success}✔  {plain}nerdpack created successfully!
+    [output]    {purple}nerdpack {blue}alternate-viz {plain}is available at {green}"./alternate-viz"
+    [output]
+    [output] {success}✔  {plain}visualization created successfully!
+    [output]    {purple}visualization {blue}radar-or-treemap {plain}is available at {green}"./alternate-viz/visualizations/radar-or-treemap"
+    ```
+
+    <Callout variant="tip">
+      Si recibe un `RequestError` para un certificado autofirmado cuando ejecuta `nr1 create`, es posible que deba agregar un certificado a la cadena de certificados de Node.
+    </Callout>
+
+    Como resultado, tiene un nuevo directorio `visualizations/radar-or-treemap` en `alternate-viz`:
+
+    ```bash
+    cd alternate-viz
+    ls visualizations/radar-or-treemap
+    [output] index.js    nr1.json    styles.scss
+    ```
+  </Step>
+</Steps>
+
+```js fileName=visualizations/radar-or-treemap/index.js
+import React from 'react';
+import PropTypes from 'prop-types';
+import {
+  Radar,
+  RadarChart,
+  PolarGrid,
+  PolarAngleAxis,
+  PolarRadiusAxis,
+} from 'recharts';
+import {Card, CardBody, HeadingText, NrqlQuery, Spinner, AutoSizer} from 'nr1';
+
+export default class RadarOrTreemapVisualization extends React.Component {
+  // Custom props you wish to be configurable in the UI must also be defined in
+  // the nr1.json file for the visualization. See docs for more details.
+  static propTypes = {
+    /**
+     * A fill color to override the default fill color. This is an example of
+     * a custom chart configuration.
+     */
+    fill: PropTypes.string,
+
+    /**
+     * A stroke color to override the default stroke color. This is an example of
+     * a custom chart configuration.
+     */
+    stroke: PropTypes.string,
+    /**
+     * An array of objects consisting of a nrql `query` and `accountId`.
+     * This should be a standard prop for any NRQL based visualizations.
+     */
+    nrqlQueries: PropTypes.arrayOf(
+      PropTypes.shape({
+        accountId: PropTypes.number,
+        query: PropTypes.string,
+      })
+    ),
+  };
+
+  /**
+   * Restructure the data for a non-time-series, facet-based NRQL query into a
+   * form accepted by the Recharts library's RadarChart.
+   * (https://recharts.org/api/RadarChart).
+   */
+  transformData = (rawData) => {
+    return rawData.map((entry) => ({
+      name: entry.metadata.name,
+      // Only grabbing the first data value because this is not time-series data.
+      value: entry.data[0].y,
+    }));
+  };
+
+  /**
+   * Format the given axis tick's numeric value into a string for display.
+   */
+  formatTick = (value) => {
+    return value.toLocaleString();
+  };
+
+  render() {
+    const {nrqlQueries, stroke, fill} = this.props;
+
+    const nrqlQueryPropsAvailable =
+      nrqlQueries &&
+      nrqlQueries[0] &&
+      nrqlQueries[0].accountId &&
+      nrqlQueries[0].query;
+
+    if (!nrqlQueryPropsAvailable) {
+      return <EmptyState />;
+    }
+
+    return (
+      <AutoSizer>
+        {({width, height}) => (
+          <NrqlQuery
+            query={nrqlQueries[0].query}
+            accountId={parseInt(nrqlQueries[0].accountId)}
+            pollInterval={NrqlQuery.AUTO_POLL_INTERVAL}
+          >
+            {({data, loading, error}) => {
+              if (loading) {
+                return <Spinner />;
+              }
+
+              if (error) {
+                return <ErrorState />;
+              }
+
+              const transformedData = this.transformData(data);
+
+              return (
+                <RadarChart
+                  width={width}
+                  height={height}
+                  data={transformedData}
+                >
+                  <PolarGrid />
+                  <PolarAngleAxis dataKey="name" />
+                  <PolarRadiusAxis tickFormatter={this.formatTick} />
+                  <Radar
+                    dataKey="value"
+                    stroke={stroke || '#51C9B7'}
+                    fill={fill || '#51C9B7'}
+                    fillOpacity={0.6}
+                  />
+                </RadarChart>
+              );
+            }}
+          </NrqlQuery>
+        )}
+      </AutoSizer>
+    );
+  }
+}
+
+const EmptyState = () => (
+  <Card className="EmptyState">
+    <CardBody className="EmptyState-cardBody">
+      <HeadingText
+        spacingType={[HeadingText.SPACING_TYPE.LARGE]}
+        type={HeadingText.TYPE.HEADING_3}
+      >
+        Please provide at least one NRQL query & account ID pair
+      </HeadingText>
+      <HeadingText
+        spacingType={[HeadingText.SPACING_TYPE.MEDIUM]}
+        type={HeadingText.TYPE.HEADING_4}
+      >
+        An example NRQL query you can try is:
+      </HeadingText>
+      <code>FROM NrUsage SELECT sum(usage) FACET metric SINCE 1 week ago</code>
+    </CardBody>
+  </Card>
+);
+
+const ErrorState = () => (
+  <Card className="ErrorState">
+    <CardBody className="ErrorState-cardBody">
+      <HeadingText
+        className="ErrorState-headingText"
+        spacingType={[HeadingText.SPACING_TYPE.LARGE]}
+        type={HeadingText.TYPE.HEADING_3}
+      >
+        Oops! Something went wrong.
+      </HeadingText>
+    </CardBody>
+  </Card>
+);
+```
+
+## Configure el estado de su componente [#set-component]
+
+Agregue el estado del componente a la plantilla de visualización predeterminada que `nr1` creó para usted.
+
+<Steps>
+  <Step>
+    Navegue hasta `alternate-viz/visualizations/radar-or-treemap/index.js`. Trabajará aquí durante el resto de esta lección.
+  </Step>
+
+  <Step>
+    Agregue una constante llamada `CHART_TYPES`:
+
+    ```js fileName=visualizations/radar-or-treemap/index.js
+    import React from 'react';
+    import PropTypes from 'prop-types';
+    import {
+      Radar,
+      RadarChart,
+      PolarGrid,
+      PolarAngleAxis,
+      PolarRadiusAxis,
+    } from 'recharts';
+    import {Card, CardBody, HeadingText, NrqlQuery, Spinner, AutoSizer} from 'nr1';
+
+    const CHART_TYPES = {
+      'Radar': 'radar',
+      'Treemap': 'treemap'
+    }
+
+    export default class RadarOrTreemapVisualization extends React.Component {
+      // Custom props you wish to be configurable in the UI must also be defined in
+      // the nr1.json file for the visualization. See docs for more details.
+      static propTypes = {
+        /**
+         * A fill color to override the default fill color. This is an example of
+         * a custom chart configuration.
+         */
+        fill: PropTypes.string,
+
+        /**
+         * A stroke color to override the default stroke color. This is an example of
+         * a custom chart configuration.
+         */
+        stroke: PropTypes.string,
+        /**
+         * An array of objects consisting of a nrql `query` and `accountId`.
+         * This should be a standard prop for any NRQL based visualizations.
+         */
+        nrqlQueries: PropTypes.arrayOf(
+          PropTypes.shape({
+            accountId: PropTypes.number,
+            query: PropTypes.string,
+          })
+        ),
+      };
+
+      /**
+       * Restructure the data for a non-time-series, facet-based NRQL query into a
+       * form accepted by the Recharts library's RadarChart.
+       * (https://recharts.org/api/RadarChart).
+       */
+      transformData = (rawData) => {
+        return rawData.map((entry) => ({
+          name: entry.metadata.name,
+          // Only grabbing the first data value because this is not time-series data.
+          value: entry.data[0].y,
+        }));
+      };
+
+      /**
+       * Format the given axis tick's numeric value into a string for display.
+       */
+      formatTick = (value) => {
+        return value.toLocaleString();
+      };
+
+      render() {
+        const {nrqlQueries, stroke, fill} = this.props;
+
+        const nrqlQueryPropsAvailable =
+          nrqlQueries &&
+          nrqlQueries[0] &&
+          nrqlQueries[0].accountId &&
+          nrqlQueries[0].query;
+
+        if (!nrqlQueryPropsAvailable) {
+          return <EmptyState />;
+        }
+
+        return (
+          <AutoSizer>
+            {({width, height}) => (
+              <NrqlQuery
+                query={nrqlQueries[0].query}
+                accountId={parseInt(nrqlQueries[0].accountId)}
+                pollInterval={NrqlQuery.AUTO_POLL_INTERVAL}
+              >
+                {({data, loading, error}) => {
+                  if (loading) {
+                    return <Spinner />;
+                  }
+
+                  if (error) {
+                    return <ErrorState />;
+                  }
+
+                  const transformedData = this.transformData(data);
+
+                  return (
+                    <RadarChart
+                      width={width}
+                      height={height}
+                      data={transformedData}
+                    >
+                      <PolarGrid />
+                      <PolarAngleAxis dataKey="name" />
+                      <PolarRadiusAxis tickFormatter={this.formatTick} />
+                      <Radar
+                        dataKey="value"
+                        stroke={stroke || '#51C9B7'}
+                        fill={fill || '#51C9B7'}
+                        fillOpacity={0.6}
+                      />
+                    </RadarChart>
+                  );
+                }}
+              </NrqlQuery>
+            )}
+          </AutoSizer>
+        );
+      }
+    }
+
+    const EmptyState = () => (
+      <Card className="EmptyState">
+        <CardBody className="EmptyState-cardBody">
+          <HeadingText
+            spacingType={[HeadingText.SPACING_TYPE.LARGE]}
+            type={HeadingText.TYPE.HEADING_3}
+          >
+            Please provide at least one NRQL query & account ID pair
+          </HeadingText>
+          <HeadingText
+            spacingType={[HeadingText.SPACING_TYPE.MEDIUM]}
+            type={HeadingText.TYPE.HEADING_4}
+          >
+            An example NRQL query you can try is:
+          </HeadingText>
+          <code>FROM NrUsage SELECT sum(usage) FACET metric SINCE 1 week ago</code>
+        </CardBody>
+      </Card>
+    );
+
+    const ErrorState = () => (
+      <Card className="ErrorState">
+        <CardBody className="ErrorState-cardBody">
+          <HeadingText
+            className="ErrorState-headingText"
+            spacingType={[HeadingText.SPACING_TYPE.LARGE]}
+            type={HeadingText.TYPE.HEADING_3}
+          >
+            Oops! Something went wrong.
+          </HeadingText>
+        </CardBody>
+      </Card>
+    );
+    ```
+
+    `CHART_TYPES` enumera los dos tipos de gráficos que alternará en su visualización.
+  </Step>
+
+  <Step>
+    Inicialice `selectedChart` en el `state` de su componente:
+
+    ```js fileName=visualizations/radar-or-treemap/index.js
+    import React from 'react';
+    import PropTypes from 'prop-types';
+    import {
+      Radar,
+      RadarChart,
+      PolarGrid,
+      PolarAngleAxis,
+      PolarRadiusAxis,
+    } from 'recharts';
+    import {Card, CardBody, HeadingText, NrqlQuery, Spinner, AutoSizer} from 'nr1';
+
+    const CHART_TYPES = {
+      'Radar': 'radar',
+      'Treemap': 'treemap'
+    }
+
+    export default class RadarOrTreemapVisualization extends React.Component {
+      // Custom props you wish to be configurable in the UI must also be defined in
+      // the nr1.json file for the visualization. See docs for more details.
+      static propTypes = {
+        /**
+         * A fill color to override the default fill color. This is an example of
+         * a custom chart configuration.
+         */
+        fill: PropTypes.string,
+
+        /**
+         * A stroke color to override the default stroke color. This is an example of
+         * a custom chart configuration.
+         */
+        stroke: PropTypes.string,
+        /**
+         * An array of objects consisting of a nrql `query` and `accountId`.
+         * This should be a standard prop for any NRQL based visualizations.
+         */
+        nrqlQueries: PropTypes.arrayOf(
+          PropTypes.shape({
+            accountId: PropTypes.number,
+            query: PropTypes.string,
+          })
+        ),
+      };
+
+      state = {
+        selectedChart: CHART_TYPES.Radar,
+      };
+
+      /**
+       * Restructure the data for a non-time-series, facet-based NRQL query into a
+       * form accepted by the Recharts library's RadarChart.
+       * (https://recharts.org/api/RadarChart).
+       */
+      transformData = (rawData) => {
+        return rawData.map((entry) => ({
+          name: entry.metadata.name,
+          // Only grabbing the first data value because this is not time-series data.
+          value: entry.data[0].y,
+        }));
+      };
+
+      /**
+       * Format the given axis tick's numeric value into a string for display.
+       */
+      formatTick = (value) => {
+        return value.toLocaleString();
+      };
+
+      render() {
+        const {nrqlQueries, stroke, fill} = this.props;
+
+        const nrqlQueryPropsAvailable =
+          nrqlQueries &&
+          nrqlQueries[0] &&
+          nrqlQueries[0].accountId &&
+          nrqlQueries[0].query;
+
+        if (!nrqlQueryPropsAvailable) {
+          return <EmptyState />;
+        }
+
+        return (
+          <AutoSizer>
+            {({width, height}) => (
+              <NrqlQuery
+                query={nrqlQueries[0].query}
+                accountId={parseInt(nrqlQueries[0].accountId)}
+                pollInterval={NrqlQuery.AUTO_POLL_INTERVAL}
+              >
+                {({data, loading, error}) => {
+                  if (loading) {
+                    return <Spinner />;
+                  }
+
+                  if (error) {
+                    return <ErrorState />;
+                  }
+
+                  const transformedData = this.transformData(data);
+
+                  return (
+                    <RadarChart
+                      width={width}
+                      height={height}
+                      data={transformedData}
+                    >
+                      <PolarGrid />
+                      <PolarAngleAxis dataKey="name" />
+                      <PolarRadiusAxis tickFormatter={this.formatTick} />
+                      <Radar
+                        dataKey="value"
+                        stroke={stroke || '#51C9B7'}
+                        fill={fill || '#51C9B7'}
+                        fillOpacity={0.6}
+                      />
+                    </RadarChart>
+                  );
+                }}
+              </NrqlQuery>
+            )}
+          </AutoSizer>
+        );
+      }
+    }
+
+    const EmptyState = () => (
+      <Card className="EmptyState">
+        <CardBody className="EmptyState-cardBody">
+          <HeadingText
+            spacingType={[HeadingText.SPACING_TYPE.LARGE]}
+            type={HeadingText.TYPE.HEADING_3}
+          >
+            Please provide at least one NRQL query & account ID pair
+          </HeadingText>
+          <HeadingText
+            spacingType={[HeadingText.SPACING_TYPE.MEDIUM]}
+            type={HeadingText.TYPE.HEADING_4}
+          >
+            An example NRQL query you can try is:
+          </HeadingText>
+          <code>FROM NrUsage SELECT sum(usage) FACET metric SINCE 1 week ago</code>
+        </CardBody>
+      </Card>
+    );
+
+    const ErrorState = () => (
+      <Card className="ErrorState">
+        <CardBody className="ErrorState-cardBody">
+          <HeadingText
+            className="ErrorState-headingText"
+            spacingType={[HeadingText.SPACING_TYPE.LARGE]}
+            type={HeadingText.TYPE.HEADING_3}
+          >
+            Oops! Something went wrong.
+          </HeadingText>
+        </CardBody>
+      </Card>
+    );
+    ```
+
+    Este valor `state` almacena el tipo de gráfico en el que desea mostrar sus datos.
+
+    Ahora que creó un objeto que enumera las opciones de tipo de gráfico para su visualización e inicializó `state.selectedChart`, está listo para implementar una UI de control para cambiar entre los dos tipos de gráfico.
+  </Step>
+</Steps>
+
+## Agregar `SegmentedControl` componentes [#segmentedcontrol]
+
+`state.selectedChart` no es útil a menos que el usuario de su visualización pueda seleccionar un tipo de gráfico. Emplee `SegmentedControl` y `SegmentedControlItem` para cambiar entre los dos tipos de gráficos.
+
+<Steps>
+  <Step>
+    Importar `SegmentedControl` y `SegmentedControlItem` desde `nr1`:
+
+    ```js fileName=visualizations/radar-or-treemap/index.js
+    import React from 'react';
+    import PropTypes from 'prop-types';
+    import {
+      Radar,
+      RadarChart,
+      PolarGrid,
+      PolarAngleAxis,
+      PolarRadiusAxis,
+    } from 'recharts';
+    import {
+        AutoSizer,
+        Card,
+        CardBody,
+        HeadingText,
+        NrqlQuery,
+        SegmentedControl,
+        SegmentedControlItem,
+        Spinner,
+    } from 'nr1';
+
+    const CHART_TYPES = {
+      'Radar': 'radar',
+      'Treemap': 'treemap'
+    }
+
+    export default class RadarOrTreemapVisualization extends React.Component {
+      // Custom props you wish to be configurable in the UI must also be defined in
+      // the nr1.json file for the visualization. See docs for more details.
+      static propTypes = {
+        /**
+         * A fill color to override the default fill color. This is an example of
+         * a custom chart configuration.
+         */
+        fill: PropTypes.string,
+
+        /**
+         * A stroke color to override the default stroke color. This is an example of
+         * a custom chart configuration.
+         */
+        stroke: PropTypes.string,
+        /**
+         * An array of objects consisting of a nrql `query` and `accountId`.
+         * This should be a standard prop for any NRQL based visualizations.
+         */
+        nrqlQueries: PropTypes.arrayOf(
+          PropTypes.shape({
+            accountId: PropTypes.number,
+            query: PropTypes.string,
+          })
+        ),
+      };
+
+      state = {
+        selectedChart: CHART_TYPES.Radar,
+      };
+
+      /**
+       * Restructure the data for a non-time-series, facet-based NRQL query into a
+       * form accepted by the Recharts library's RadarChart.
+       * (https://recharts.org/api/RadarChart).
+       */
+      transformData = (rawData) => {
+        return rawData.map((entry) => ({
+          name: entry.metadata.name,
+          // Only grabbing the first data value because this is not time-series data.
+          value: entry.data[0].y,
+        }));
+      };
+
+      /**
+       * Format the given axis tick's numeric value into a string for display.
+       */
+      formatTick = (value) => {
+        return value.toLocaleString();
+      };
+
+      render() {
+        const {nrqlQueries, stroke, fill} = this.props;
+
+        const nrqlQueryPropsAvailable =
+          nrqlQueries &&
+          nrqlQueries[0] &&
+          nrqlQueries[0].accountId &&
+          nrqlQueries[0].query;
+
+        if (!nrqlQueryPropsAvailable) {
+          return <EmptyState />;
+        }
+
+        return (
+          <AutoSizer>
+            {({width, height}) => (
+              <NrqlQuery
+                query={nrqlQueries[0].query}
+                accountId={parseInt(nrqlQueries[0].accountId)}
+                pollInterval={NrqlQuery.AUTO_POLL_INTERVAL}
+              >
+                {({data, loading, error}) => {
+                  if (loading) {
+                    return <Spinner />;
+                  }
+
+                  if (error) {
+                    return <ErrorState />;
+                  }
+
+                  const transformedData = this.transformData(data);
+
+                  return (
+                    <RadarChart
+                      width={width}
+                      height={height}
+                      data={transformedData}
+                    >
+                      <PolarGrid />
+                      <PolarAngleAxis dataKey="name" />
+                      <PolarRadiusAxis tickFormatter={this.formatTick} />
+                      <Radar
+                        dataKey="value"
+                        stroke={stroke || '#51C9B7'}
+                        fill={fill || '#51C9B7'}
+                        fillOpacity={0.6}
+                      />
+                    </RadarChart>
+                  );
+                }}
+              </NrqlQuery>
+            )}
+          </AutoSizer>
+        );
+      }
+    }
+
+    const EmptyState = () => (
+      <Card className="EmptyState">
+        <CardBody className="EmptyState-cardBody">
+          <HeadingText
+            spacingType={[HeadingText.SPACING_TYPE.LARGE]}
+            type={HeadingText.TYPE.HEADING_3}
+          >
+            Please provide at least one NRQL query & account ID pair
+          </HeadingText>
+          <HeadingText
+            spacingType={[HeadingText.SPACING_TYPE.MEDIUM]}
+            type={HeadingText.TYPE.HEADING_4}
+          >
+            An example NRQL query you can try is:
+          </HeadingText>
+          <code>FROM NrUsage SELECT sum(usage) FACET metric SINCE 1 week ago</code>
+        </CardBody>
+      </Card>
+    );
+
+    const ErrorState = () => (
+      <Card className="ErrorState">
+        <CardBody className="ErrorState-cardBody">
+          <HeadingText
+            className="ErrorState-headingText"
+            spacingType={[HeadingText.SPACING_TYPE.LARGE]}
+            type={HeadingText.TYPE.HEADING_3}
+          >
+            Oops! Something went wrong.
+          </HeadingText>
+        </CardBody>
+      </Card>
+    );
+    ```
+  </Step>
+
+  <Step>
+    En `render()`, envuelve `RadarChart` en un `React.Fragment`:
+
+    ```js fileName=visualizations/radar-or-treemap/index.js
+    import React from 'react';
+    import PropTypes from 'prop-types';
+    import {
+      Radar,
+      RadarChart,
+      PolarGrid,
+      PolarAngleAxis,
+      PolarRadiusAxis,
+    } from 'recharts';
+    import {
+        AutoSizer,
+        Card,
+        CardBody,
+        HeadingText,
+        NrqlQuery,
+        SegmentedControl,
+        SegmentedControlItem,
+        Spinner,
+    } from 'nr1';
+
+    const CHART_TYPES = {
+      'Radar': 'radar',
+      'Treemap': 'treemap'
+    }
+
+    export default class RadarOrTreemapVisualization extends React.Component {
+      // Custom props you wish to be configurable in the UI must also be defined in
+      // the nr1.json file for the visualization. See docs for more details.
+      static propTypes = {
+        /**
+         * A fill color to override the default fill color. This is an example of
+         * a custom chart configuration.
+         */
+        fill: PropTypes.string,
+
+        /**
+         * A stroke color to override the default stroke color. This is an example of
+         * a custom chart configuration.
+         */
+        stroke: PropTypes.string,
+        /**
+         * An array of objects consisting of a nrql `query` and `accountId`.
+         * This should be a standard prop for any NRQL based visualizations.
+         */
+        nrqlQueries: PropTypes.arrayOf(
+          PropTypes.shape({
+            accountId: PropTypes.number,
+            query: PropTypes.string,
+          })
+        ),
+      };
+
+      state = {
+        selectedChart: CHART_TYPES.Radar,
+      };
+
+      /**
+       * Restructure the data for a non-time-series, facet-based NRQL query into a
+       * form accepted by the Recharts library's RadarChart.
+       * (https://recharts.org/api/RadarChart).
+       */
+      transformData = (rawData) => {
+        return rawData.map((entry) => ({
+          name: entry.metadata.name,
+          // Only grabbing the first data value because this is not time-series data.
+          value: entry.data[0].y,
+        }));
+      };
+
+      /**
+       * Format the given axis tick's numeric value into a string for display.
+       */
+      formatTick = (value) => {
+        return value.toLocaleString();
+      };
+
+      render() {
+        const {nrqlQueries, stroke, fill} = this.props;
+
+        const nrqlQueryPropsAvailable =
+          nrqlQueries &&
+          nrqlQueries[0] &&
+          nrqlQueries[0].accountId &&
+          nrqlQueries[0].query;
+
+        if (!nrqlQueryPropsAvailable) {
+          return <EmptyState />;
+        }
+
+        return (
+          <AutoSizer>
+            {({width, height}) => (
+              <NrqlQuery
+                query={nrqlQueries[0].query}
+                accountId={parseInt(nrqlQueries[0].accountId)}
+                pollInterval={NrqlQuery.AUTO_POLL_INTERVAL}
+              >
+                {({data, loading, error}) => {
+                  if (loading) {
+                    return <Spinner />;
+                  }
+
+                  if (error) {
+                    return <ErrorState />;
+                  }
+
+                  const transformedData = this.transformData(data);
+
+                  return (
+                    <React.Fragment>
+                    <RadarChart
+                      width={width}
+                      height={height}
+                      data={transformedData}
+                    >
+                      <PolarGrid />
+                      <PolarAngleAxis dataKey="name" />
+                      <PolarRadiusAxis tickFormatter={this.formatTick} />
+                      <Radar
+                        dataKey="value"
+                        stroke={stroke || '#51C9B7'}
+                        fill={fill || '#51C9B7'}
+                        fillOpacity={0.6}
+                      />
+                    </RadarChart>
+                    </React.Fragment>
+                  );
+                }}
+              </NrqlQuery>
+            )}
+          </AutoSizer>
+        );
+      }
+    }
+
+    const EmptyState = () => (
+      <Card className="EmptyState">
+        <CardBody className="EmptyState-cardBody">
+          <HeadingText
+            spacingType={[HeadingText.SPACING_TYPE.LARGE]}
+            type={HeadingText.TYPE.HEADING_3}
+          >
+            Please provide at least one NRQL query & account ID pair
+          </HeadingText>
+          <HeadingText
+            spacingType={[HeadingText.SPACING_TYPE.MEDIUM]}
+            type={HeadingText.TYPE.HEADING_4}
+          >
+            An example NRQL query you can try is:
+          </HeadingText>
+          <code>FROM NrUsage SELECT sum(usage) FACET metric SINCE 1 week ago</code>
+        </CardBody>
+      </Card>
+    );
+
+    const ErrorState = () => (
+      <Card className="ErrorState">
+        <CardBody className="ErrorState-cardBody">
+          <HeadingText
+            className="ErrorState-headingText"
+            spacingType={[HeadingText.SPACING_TYPE.LARGE]}
+            type={HeadingText.TYPE.HEADING_3}
+          >
+            Oops! Something went wrong.
+          </HeadingText>
+        </CardBody>
+      </Card>
+    );
+    ```
+
+    Esto le permite devolver varios componentes del mismo `render()`.
+  </Step>
+
+  <Step>
+    Agregue un `SegmentedControl` y dos `SegmentedControlItem` componentes, cada uno con un `value` y un `label`:
+
+    ```js fileName=visualizations/radar-or-treemap/index.js
+    import React from 'react';
+    import PropTypes from 'prop-types';
+    import {
+      Radar,
+      RadarChart,
+      PolarGrid,
+      PolarAngleAxis,
+      PolarRadiusAxis,
+    } from 'recharts';
+    import {
+        AutoSizer,
+        Card,
+        CardBody,
+        HeadingText,
+        NrqlQuery,
+        SegmentedControl,
+        SegmentedControlItem,
+        Spinner,
+    } from 'nr1';
+
+    const CHART_TYPES = {
+      'Radar': 'radar',
+      'Treemap': 'treemap'
+    }
+
+    export default class RadarOrTreemapVisualization extends React.Component {
+      // Custom props you wish to be configurable in the UI must also be defined in
+      // the nr1.json file for the visualization. See docs for more details.
+      static propTypes = {
+        /**
+         * A fill color to override the default fill color. This is an example of
+         * a custom chart configuration.
+         */
+        fill: PropTypes.string,
+
+        /**
+         * A stroke color to override the default stroke color. This is an example of
+         * a custom chart configuration.
+         */
+        stroke: PropTypes.string,
+        /**
+         * An array of objects consisting of a nrql `query` and `accountId`.
+         * This should be a standard prop for any NRQL based visualizations.
+         */
+        nrqlQueries: PropTypes.arrayOf(
+          PropTypes.shape({
+            accountId: PropTypes.number,
+            query: PropTypes.string,
+          })
+        ),
+      };
+
+      state = {
+        selectedChart: CHART_TYPES.Radar,
+      };
+
+      /**
+       * Restructure the data for a non-time-series, facet-based NRQL query into a
+       * form accepted by the Recharts library's RadarChart.
+       * (https://recharts.org/api/RadarChart).
+       */
+      transformData = (rawData) => {
+        return rawData.map((entry) => ({
+          name: entry.metadata.name,
+          // Only grabbing the first data value because this is not time-series data.
+          value: entry.data[0].y,
+        }));
+      };
+
+      /**
+       * Format the given axis tick's numeric value into a string for display.
+       */
+      formatTick = (value) => {
+        return value.toLocaleString();
+      };
+
+      render() {
+        const {nrqlQueries, stroke, fill} = this.props;
+
+        const nrqlQueryPropsAvailable =
+          nrqlQueries &&
+          nrqlQueries[0] &&
+          nrqlQueries[0].accountId &&
+          nrqlQueries[0].query;
+
+        if (!nrqlQueryPropsAvailable) {
+          return <EmptyState />;
+        }
+
+        return (
+          <AutoSizer>
+            {({width, height}) => (
+              <NrqlQuery
+                query={nrqlQueries[0].query}
+                accountId={parseInt(nrqlQueries[0].accountId)}
+                pollInterval={NrqlQuery.AUTO_POLL_INTERVAL}
+              >
+                {({data, loading, error}) => {
+                  if (loading) {
+                    return <Spinner />;
+                  }
+
+                  if (error) {
+                    return <ErrorState />;
+                  }
+
+                  const transformedData = this.transformData(data);
+
+                  return (
+                    <React.Fragment>
+                    <SegmentedControl
+                      onChange={(event, value) => console.log(value)}
+                    >
+                      <SegmentedControlItem
+                        value={CHART_TYPES.Radar}
+                        label="Radar chart"
+                      />
+                      <SegmentedControlItem
+                        value={CHART_TYPES.Treemap}
+                        label="Treemap chart"
+                      />
+                    </SegmentedControl>
+                    <RadarChart
+                      width={width}
+                      height={height}
+                      data={transformedData}
+                    >
+                      <PolarGrid />
+                      <PolarAngleAxis dataKey="name" />
+                      <PolarRadiusAxis tickFormatter={this.formatTick} />
+                      <Radar
+                        dataKey="value"
+                        stroke={stroke || '#51C9B7'}
+                        fill={fill || '#51C9B7'}
+                        fillOpacity={0.6}
+                      />
+                    </RadarChart>
+                    </React.Fragment>
+                  );
+                }}
+              </NrqlQuery>
+            )}
+          </AutoSizer>
+        );
+      }
+    }
+
+    const EmptyState = () => (
+      <Card className="EmptyState">
+        <CardBody className="EmptyState-cardBody">
+          <HeadingText
+            spacingType={[HeadingText.SPACING_TYPE.LARGE]}
+            type={HeadingText.TYPE.HEADING_3}
+          >
+            Please provide at least one NRQL query & account ID pair
+          </HeadingText>
+          <HeadingText
+            spacingType={[HeadingText.SPACING_TYPE.MEDIUM]}
+            type={HeadingText.TYPE.HEADING_4}
+          >
+            An example NRQL query you can try is:
+          </HeadingText>
+          <code>FROM NrUsage SELECT sum(usage) FACET metric SINCE 1 week ago</code>
+        </CardBody>
+      </Card>
+    );
+
+    const ErrorState = () => (
+      <Card className="ErrorState">
+        <CardBody className="ErrorState-cardBody">
+          <HeadingText
+            className="ErrorState-headingText"
+            spacingType={[HeadingText.SPACING_TYPE.LARGE]}
+            type={HeadingText.TYPE.HEADING_3}
+          >
+            Oops! Something went wrong.
+          </HeadingText>
+        </CardBody>
+      </Card>
+    );
+    ```
+
+    Aquí, su `SegmentedControl` registra el `SegmentedControlItem.value` en la consola cuando cambia su selección. Los valores que definió para sus componentes `SegmentedControlItem` corresponden a los dos `CHART_TYPES` que creó en un paso anterior.
+  </Step>
+
+  <Step>
+    Navega hasta la raíz de tu Nerdpack en `alternate-viz`.
+  </Step>
+
+  <Step>
+    Sirve tu Nerdpack localmente:
+
+    ```bash
+    nr1 nerdpack:serve
+    ```
+  </Step>
+
+  <Step>
+    Abra el enlace a su visualización que se muestra en la terminal cuando se inicia el servidor de Node:
+
+    ```bash
+    [output] {purple}Visualizations:
+    [output]  ⁎  {green}radar-or-treemap {blue}https://one.nr/012ab3cd4Ef
+    ```
+  </Step>
+
+  <Step>
+    Configure su visualización con un ID de cuenta y una consulta.
+
+    Con algunos datos necesarios para que su gráfico los procese, ahora verá un `RadarChart` con el `SegmentedControl` en la parte superior de la vista.
+
+    Mire la consola de su browser para ver su log `SegmentedControl`.
+  </Step>
+</Steps>
+
+## Conecte `state` de su componente al `SegmentedControl` [#connect-component]
+
+Agregue un método para actualizar `state` y conecte ese método con el `SegmentedControl` que agregó en la última sección.
+
+<Steps>
+  <Step>
+    Agregue un método de componente, llamado `updateSelectedChart()`:
+
+    ```js fileName=visualizations/radar-or-treemap/index.js
+    import React from 'react';
+    import PropTypes from 'prop-types';
+    import {
+      Radar,
+      RadarChart,
+      PolarGrid,
+      PolarAngleAxis,
+      PolarRadiusAxis,
+    } from 'recharts';
+    import {
+        AutoSizer,
+        Card,
+        CardBody,
+        HeadingText,
+        NrqlQuery,
+        SegmentedControl,
+        SegmentedControlItem,
+        Spinner,
+    } from 'nr1';
+
+    const CHART_TYPES = {
+      'Radar': 'radar',
+      'Treemap': 'treemap'
+    }
+
+    export default class RadarOrTreemapVisualization extends React.Component {
+      // Custom props you wish to be configurable in the UI must also be defined in
+      // the nr1.json file for the visualization. See docs for more details.
+      static propTypes = {
+        /**
+         * A fill color to override the default fill color. This is an example of
+         * a custom chart configuration.
+         */
+        fill: PropTypes.string,
+
+        /**
+         * A stroke color to override the default stroke color. This is an example of
+         * a custom chart configuration.
+         */
+        stroke: PropTypes.string,
+        /**
+         * An array of objects consisting of a nrql `query` and `accountId`.
+         * This should be a standard prop for any NRQL based visualizations.
+         */
+        nrqlQueries: PropTypes.arrayOf(
+          PropTypes.shape({
+            accountId: PropTypes.number,
+            query: PropTypes.string,
+          })
+        ),
+      };
+
+      state = {
+        selectedChart: CHART_TYPES.Radar,
+      };
+
+      /**
+       * Restructure the data for a non-time-series, facet-based NRQL query into a
+       * form accepted by the Recharts library's RadarChart.
+       * (https://recharts.org/api/RadarChart).
+       */
+      transformData = (rawData) => {
+        return rawData.map((entry) => ({
+          name: entry.metadata.name,
+          // Only grabbing the first data value because this is not time-series data.
+          value: entry.data[0].y,
+        }));
+      };
+
+      /**
+       * Format the given axis tick's numeric value into a string for display.
+       */
+      formatTick = (value) => {
+        return value.toLocaleString();
+      };
+
+      updateSelectedChart = (evt, value) => {
+        this.setState({ selectedChart: value })
+      };
+
+      render() {
+        const {nrqlQueries, stroke, fill} = this.props;
+
+        const nrqlQueryPropsAvailable =
+          nrqlQueries &&
+          nrqlQueries[0] &&
+          nrqlQueries[0].accountId &&
+          nrqlQueries[0].query;
+
+        if (!nrqlQueryPropsAvailable) {
+          return <EmptyState />;
+        }
+
+        return (
+          <AutoSizer>
+            {({width, height}) => (
+              <NrqlQuery
+                query={nrqlQueries[0].query}
+                accountId={parseInt(nrqlQueries[0].accountId)}
+                pollInterval={NrqlQuery.AUTO_POLL_INTERVAL}
+              >
+                {({data, loading, error}) => {
+                  if (loading) {
+                    return <Spinner />;
+                  }
+
+                  if (error) {
+                    return <ErrorState />;
+                  }
+
+                  const transformedData = this.transformData(data);
+
+                  return (
+                    <React.Fragment>
+                    <SegmentedControl
+                      onChange={(event, value) => console.log(value)}
+                    >
+                      <SegmentedControlItem
+                        value={CHART_TYPES.Radar}
+                        label="Radar chart"
+                      />
+                      <SegmentedControlItem
+                        value={CHART_TYPES.Treemap}
+                        label="Treemap chart"
+                      />
+                    </SegmentedControl>
+                    <RadarChart
+                      width={width}
+                      height={height}
+                      data={transformedData}
+                    >
+                      <PolarGrid />
+                      <PolarAngleAxis dataKey="name" />
+                      <PolarRadiusAxis tickFormatter={this.formatTick} />
+                      <Radar
+                        dataKey="value"
+                        stroke={stroke || '#51C9B7'}
+                        fill={fill || '#51C9B7'}
+                        fillOpacity={0.6}
+                      />
+                    </RadarChart>
+                    </React.Fragment>
+                  );
+                }}
+              </NrqlQuery>
+            )}
+          </AutoSizer>
+        );
+      }
+    }
+
+    const EmptyState = () => (
+      <Card className="EmptyState">
+        <CardBody className="EmptyState-cardBody">
+          <HeadingText
+            spacingType={[HeadingText.SPACING_TYPE.LARGE]}
+            type={HeadingText.TYPE.HEADING_3}
+          >
+            Please provide at least one NRQL query & account ID pair
+          </HeadingText>
+          <HeadingText
+            spacingType={[HeadingText.SPACING_TYPE.MEDIUM]}
+            type={HeadingText.TYPE.HEADING_4}
+          >
+            An example NRQL query you can try is:
+          </HeadingText>
+          <code>FROM NrUsage SELECT sum(usage) FACET metric SINCE 1 week ago</code>
+        </CardBody>
+      </Card>
+    );
+
+    const ErrorState = () => (
+      <Card className="ErrorState">
+        <CardBody className="ErrorState-cardBody">
+          <HeadingText
+            className="ErrorState-headingText"
+            spacingType={[HeadingText.SPACING_TYPE.LARGE]}
+            type={HeadingText.TYPE.HEADING_3}
+          >
+            Oops! Something went wrong.
+          </HeadingText>
+        </CardBody>
+      </Card>
+    );
+    ```
+
+    Este nuevo método toma un argumento `value` y establece `state.selectedChart` en ese valor.
+  </Step>
+
+  <Step>
+    Establezca `SegmentedControl.onChange` en `updateSelectedChart()`:
+
+    ```js fileName=visualizations/radar-or-treemap/index.js
+    import React from 'react';
+    import PropTypes from 'prop-types';
+    import {
+      Radar,
+      RadarChart,
+      PolarGrid,
+      PolarAngleAxis,
+      PolarRadiusAxis,
+    } from 'recharts';
+    import {
+        AutoSizer,
+        Card,
+        CardBody,
+        HeadingText,
+        NrqlQuery,
+        SegmentedControl,
+        SegmentedControlItem,
+        Spinner,
+    } from 'nr1';
+
+    const CHART_TYPES = {
+      'Radar': 'radar',
+      'Treemap': 'treemap'
+    }
+
+    export default class RadarOrTreemapVisualization extends React.Component {
+      // Custom props you wish to be configurable in the UI must also be defined in
+      // the nr1.json file for the visualization. See docs for more details.
+      static propTypes = {
+        /**
+         * A fill color to override the default fill color. This is an example of
+         * a custom chart configuration.
+         */
+        fill: PropTypes.string,
+
+        /**
+         * A stroke color to override the default stroke color. This is an example of
+         * a custom chart configuration.
+         */
+        stroke: PropTypes.string,
+        /**
+         * An array of objects consisting of a nrql `query` and `accountId`.
+         * This should be a standard prop for any NRQL based visualizations.
+         */
+        nrqlQueries: PropTypes.arrayOf(
+          PropTypes.shape({
+            accountId: PropTypes.number,
+            query: PropTypes.string,
+          })
+        ),
+      };
+
+      state = {
+        selectedChart: CHART_TYPES.Radar,
+      };
+
+      /**
+       * Restructure the data for a non-time-series, facet-based NRQL query into a
+       * form accepted by the Recharts library's RadarChart.
+       * (https://recharts.org/api/RadarChart).
+       */
+      transformData = (rawData) => {
+        return rawData.map((entry) => ({
+          name: entry.metadata.name,
+          // Only grabbing the first data value because this is not time-series data.
+          value: entry.data[0].y,
+        }));
+      };
+
+      /**
+       * Format the given axis tick's numeric value into a string for display.
+       */
+      formatTick = (value) => {
+        return value.toLocaleString();
+      };
+
+      updateSelectedChart = (evt, value) => {
+        this.setState({ selectedChart: value })
+      };
+
+      render() {
+        const {nrqlQueries, stroke, fill} = this.props;
+
+        const nrqlQueryPropsAvailable =
+          nrqlQueries &&
+          nrqlQueries[0] &&
+          nrqlQueries[0].accountId &&
+          nrqlQueries[0].query;
+
+        if (!nrqlQueryPropsAvailable) {
+          return <EmptyState />;
+        }
+
+        return (
+          <AutoSizer>
+            {({width, height}) => (
+              <NrqlQuery
+                query={nrqlQueries[0].query}
+                accountId={parseInt(nrqlQueries[0].accountId)}
+                pollInterval={NrqlQuery.AUTO_POLL_INTERVAL}
+              >
+                {({data, loading, error}) => {
+                  if (loading) {
+                    return <Spinner />;
+                  }
+
+                  if (error) {
+                    return <ErrorState />;
+                  }
+
+                  const transformedData = this.transformData(data);
+
+                  return (
+                    <React.Fragment>
+                    <SegmentedControl
+                      onChange={this.updateSelectedChart}
+                    >
+                      <SegmentedControlItem
+                        value={CHART_TYPES.Radar}
+                        label="Radar chart"
+                      />
+                      <SegmentedControlItem
+                        value={CHART_TYPES.Treemap}
+                        label="Treemap chart"
+                      />
+                    </SegmentedControl>
+                    <RadarChart
+                      width={width}
+                      height={height}
+                      data={transformedData}
+                    >
+                      <PolarGrid />
+                      <PolarAngleAxis dataKey="name" />
+                      <PolarRadiusAxis tickFormatter={this.formatTick} />
+                      <Radar
+                        dataKey="value"
+                        stroke={stroke || '#51C9B7'}
+                        fill={fill || '#51C9B7'}
+                        fillOpacity={0.6}
+                      />
+                    </RadarChart>
+                    </React.Fragment>
+                  );
+                }}
+              </NrqlQuery>
+            )}
+          </AutoSizer>
+        );
+      }
+    }
+
+    const EmptyState = () => (
+      <Card className="EmptyState">
+        <CardBody className="EmptyState-cardBody">
+          <HeadingText
+            spacingType={[HeadingText.SPACING_TYPE.LARGE]}
+            type={HeadingText.TYPE.HEADING_3}
+          >
+            Please provide at least one NRQL query & account ID pair
+          </HeadingText>
+          <HeadingText
+            spacingType={[HeadingText.SPACING_TYPE.MEDIUM]}
+            type={HeadingText.TYPE.HEADING_4}
+          >
+            An example NRQL query you can try is:
+          </HeadingText>
+          <code>FROM NrUsage SELECT sum(usage) FACET metric SINCE 1 week ago</code>
+        </CardBody>
+      </Card>
+    );
+
+    const ErrorState = () => (
+      <Card className="ErrorState">
+        <CardBody className="ErrorState-cardBody">
+          <HeadingText
+            className="ErrorState-headingText"
+            spacingType={[HeadingText.SPACING_TYPE.LARGE]}
+            type={HeadingText.TYPE.HEADING_3}
+          >
+            Oops! Something went wrong.
+          </HeadingText>
+        </CardBody>
+      </Card>
+    );
+    ```
+
+    Ahora, cuando cambie su selección en `SegmentedControl`, su selección se establecerá en `state`.
+  </Step>
+</Steps>
+
+## Implementar una opción `Treemap` [#implement-treemap]
+
+Agregue un [`Treemap`](https://recharts.org/en-US/api/Treemap) a su visualización. Este mapa será una alternativa al `RadarChart` existente.
+
+<Callout
+  variant="tip"
+  title="Detalle técnico"
+>
+  Esta guía emplea componentes [Recharts](https://recharts.org) para gráficos de terceros, pero puede usar cualquier otra biblioteca de gráficos JavaScript que sea compatible con la versión actual de React cuando crea visualizaciones y aplicaciones de New Relic.
+</Callout>
+
+<Steps>
+  <Step>
+    Importar `Treemap` desde `recharts`:
+
+    ```js fileName=visualizations/radar-or-treemap/index.js
+    import React from 'react';
+    import PropTypes from 'prop-types';
+    import {
+      Radar,
+      RadarChart,
+      PolarGrid,
+      PolarAngleAxis,
+      PolarRadiusAxis,
+      Treemap,
+    } from 'recharts';
+    import {
+        AutoSizer,
+        Card,
+        CardBody,
+        HeadingText,
+        NrqlQuery,
+        SegmentedControl,
+        SegmentedControlItem,
+        Spinner,
+    } from 'nr1';
+
+    const CHART_TYPES = {
+      'Radar': 'radar',
+      'Treemap': 'treemap'
+    }
+
+    export default class RadarOrTreemapVisualization extends React.Component {
+      // Custom props you wish to be configurable in the UI must also be defined in
+      // the nr1.json file for the visualization. See docs for more details.
+      static propTypes = {
+        /**
+         * A fill color to override the default fill color. This is an example of
+         * a custom chart configuration.
+         */
+        fill: PropTypes.string,
+
+        /**
+         * A stroke color to override the default stroke color. This is an example of
+         * a custom chart configuration.
+         */
+        stroke: PropTypes.string,
+        /**
+         * An array of objects consisting of a nrql `query` and `accountId`.
+         * This should be a standard prop for any NRQL based visualizations.
+         */
+        nrqlQueries: PropTypes.arrayOf(
+          PropTypes.shape({
+            accountId: PropTypes.number,
+            query: PropTypes.string,
+          })
+        ),
+      };
+
+      state = {
+        selectedChart: CHART_TYPES.Radar,
+      };
+
+      /**
+       * Restructure the data for a non-time-series, facet-based NRQL query into a
+       * form accepted by the Recharts library's RadarChart.
+       * (https://recharts.org/api/RadarChart).
+       */
+      transformData = (rawData) => {
+        return rawData.map((entry) => ({
+          name: entry.metadata.name,
+          // Only grabbing the first data value because this is not time-series data.
+          value: entry.data[0].y,
+        }));
+      };
+
+      /**
+       * Format the given axis tick's numeric value into a string for display.
+       */
+      formatTick = (value) => {
+        return value.toLocaleString();
+      };
+
+      updateSelectedChart = (evt, value) => {
+        this.setState({ selectedChart: value })
+      };
+
+      render() {
+        const {nrqlQueries, stroke, fill} = this.props;
+
+        const nrqlQueryPropsAvailable =
+          nrqlQueries &&
+          nrqlQueries[0] &&
+          nrqlQueries[0].accountId &&
+          nrqlQueries[0].query;
+
+        if (!nrqlQueryPropsAvailable) {
+          return <EmptyState />;
+        }
+
+        return (
+          <AutoSizer>
+            {({width, height}) => (
+              <NrqlQuery
+                query={nrqlQueries[0].query}
+                accountId={parseInt(nrqlQueries[0].accountId)}
+                pollInterval={NrqlQuery.AUTO_POLL_INTERVAL}
+              >
+                {({data, loading, error}) => {
+                  if (loading) {
+                    return <Spinner />;
+                  }
+
+                  if (error) {
+                    return <ErrorState />;
+                  }
+
+                  const transformedData = this.transformData(data);
+
+                  return (
+                    <React.Fragment>
+                    <SegmentedControl
+                      onChange={this.updateSelectedChart}
+                    >
+                      <SegmentedControlItem
+                        value={CHART_TYPES.Radar}
+                        label="Radar chart"
+                      />
+                      <SegmentedControlItem
+                        value={CHART_TYPES.Treemap}
+                        label="Treemap chart"
+                      />
+                    </SegmentedControl>
+                    <RadarChart
+                      width={width}
+                      height={height}
+                      data={transformedData}
+                    >
+                      <PolarGrid />
+                      <PolarAngleAxis dataKey="name" />
+                      <PolarRadiusAxis tickFormatter={this.formatTick} />
+                      <Radar
+                        dataKey="value"
+                        stroke={stroke || '#51C9B7'}
+                        fill={fill || '#51C9B7'}
+                        fillOpacity={0.6}
+                      />
+                    </RadarChart>
+                    </React.Fragment>
+                  );
+                }}
+              </NrqlQuery>
+            )}
+          </AutoSizer>
+        );
+      }
+    }
+
+    const EmptyState = () => (
+      <Card className="EmptyState">
+        <CardBody className="EmptyState-cardBody">
+          <HeadingText
+            spacingType={[HeadingText.SPACING_TYPE.LARGE]}
+            type={HeadingText.TYPE.HEADING_3}
+          >
+            Please provide at least one NRQL query & account ID pair
+          </HeadingText>
+          <HeadingText
+            spacingType={[HeadingText.SPACING_TYPE.MEDIUM]}
+            type={HeadingText.TYPE.HEADING_4}
+          >
+            An example NRQL query you can try is:
+          </HeadingText>
+          <code>FROM NrUsage SELECT sum(usage) FACET metric SINCE 1 week ago</code>
+        </CardBody>
+      </Card>
+    );
+
+    const ErrorState = () => (
+      <Card className="ErrorState">
+        <CardBody className="ErrorState-cardBody">
+          <HeadingText
+            className="ErrorState-headingText"
+            spacingType={[HeadingText.SPACING_TYPE.LARGE]}
+            type={HeadingText.TYPE.HEADING_3}
+          >
+            Oops! Something went wrong.
+          </HeadingText>
+        </CardBody>
+      </Card>
+    );
+    ```
+
+    Ahora puede emplear `Treemap` en su componente de visualización.
+  </Step>
+
+  <Step>
+    En `render()`, agregue un componente `Treemap` :
+
+    ```js fileName=visualizations/radar-or-treemap/index.js
+    import React from 'react';
+    import PropTypes from 'prop-types';
+    import {
+      Radar,
+      RadarChart,
+      PolarGrid,
+      PolarAngleAxis,
+      PolarRadiusAxis,
+      Treemap,
+    } from 'recharts';
+    import {
+        AutoSizer,
+        Card,
+        CardBody,
+        HeadingText,
+        NrqlQuery,
+        SegmentedControl,
+        SegmentedControlItem,
+        Spinner,
+    } from 'nr1';
+
+    const CHART_TYPES = {
+      'Radar': 'radar',
+      'Treemap': 'treemap'
+    }
+
+    export default class RadarOrTreemapVisualization extends React.Component {
+      // Custom props you wish to be configurable in the UI must also be defined in
+      // the nr1.json file for the visualization. See docs for more details.
+      static propTypes = {
+        /**
+         * A fill color to override the default fill color. This is an example of
+         * a custom chart configuration.
+         */
+        fill: PropTypes.string,
+
+        /**
+         * A stroke color to override the default stroke color. This is an example of
+         * a custom chart configuration.
+         */
+        stroke: PropTypes.string,
+        /**
+         * An array of objects consisting of a nrql `query` and `accountId`.
+         * This should be a standard prop for any NRQL based visualizations.
+         */
+        nrqlQueries: PropTypes.arrayOf(
+          PropTypes.shape({
+            accountId: PropTypes.number,
+            query: PropTypes.string,
+          })
+        ),
+      };
+
+      state = {
+        selectedChart: CHART_TYPES.Radar,
+      };
+
+      /**
+       * Restructure the data for a non-time-series, facet-based NRQL query into a
+       * form accepted by the Recharts library's RadarChart.
+       * (https://recharts.org/api/RadarChart).
+       */
+      transformData = (rawData) => {
+        return rawData.map((entry) => ({
+          name: entry.metadata.name,
+          // Only grabbing the first data value because this is not time-series data.
+          value: entry.data[0].y,
+        }));
+      };
+
+      /**
+       * Format the given axis tick's numeric value into a string for display.
+       */
+      formatTick = (value) => {
+        return value.toLocaleString();
+      };
+
+      updateSelectedChart = (evt, value) => {
+        this.setState({ selectedChart: value })
+      };
+
+      render() {
+        const {nrqlQueries, stroke, fill} = this.props;
+
+        const nrqlQueryPropsAvailable =
+          nrqlQueries &&
+          nrqlQueries[0] &&
+          nrqlQueries[0].accountId &&
+          nrqlQueries[0].query;
+
+        if (!nrqlQueryPropsAvailable) {
+          return <EmptyState />;
+        }
+
+        return (
+          <AutoSizer>
+            {({width, height}) => (
+              <NrqlQuery
+                query={nrqlQueries[0].query}
+                accountId={parseInt(nrqlQueries[0].accountId)}
+                pollInterval={NrqlQuery.AUTO_POLL_INTERVAL}
+              >
+                {({data, loading, error}) => {
+                  if (loading) {
+                    return <Spinner />;
+                  }
+
+                  if (error) {
+                    return <ErrorState />;
+                  }
+
+                  const transformedData = this.transformData(data);
+
+                  return (
+                    <React.Fragment>
+                    <SegmentedControl
+                      onChange={this.updateSelectedChart}
+                    >
+                      <SegmentedControlItem
+                        value={CHART_TYPES.Radar}
+                        label="Radar chart"
+                      />
+                      <SegmentedControlItem
+                        value={CHART_TYPES.Treemap}
+                        label="Treemap chart"
+                      />
+                    </SegmentedControl>
+                    <RadarChart
+                      width={width}
+                      height={height}
+                      data={transformedData}
+                    >
+                      <PolarGrid />
+                      <PolarAngleAxis dataKey="name" />
+                      <PolarRadiusAxis tickFormatter={this.formatTick} />
+                      <Radar
+                        dataKey="value"
+                        stroke={stroke || '#51C9B7'}
+                        fill={fill || '#51C9B7'}
+                        fillOpacity={0.6}
+                      />
+                    </RadarChart>
+                    <Treemap
+                      width={width}
+                      height={height}
+                      data={transformedData}
+                      dataKey="value"
+                      ratio={4 / 3}
+                      stroke={stroke || '#000000'}
+                      fill={fill || '#51C9B7'}
+                    />
+                    </React.Fragment>
+                  );
+                }}
+              </NrqlQuery>
+            )}
+          </AutoSizer>
+        );
+      }
+    }
+
+    const EmptyState = () => (
+      <Card className="EmptyState">
+        <CardBody className="EmptyState-cardBody">
+          <HeadingText
+            spacingType={[HeadingText.SPACING_TYPE.LARGE]}
+            type={HeadingText.TYPE.HEADING_3}
+          >
+            Please provide at least one NRQL query & account ID pair
+          </HeadingText>
+          <HeadingText
+            spacingType={[HeadingText.SPACING_TYPE.MEDIUM]}
+            type={HeadingText.TYPE.HEADING_4}
+          >
+            An example NRQL query you can try is:
+          </HeadingText>
+          <code>FROM NrUsage SELECT sum(usage) FACET metric SINCE 1 week ago</code>
+        </CardBody>
+      </Card>
+    );
+
+    const ErrorState = () => (
+      <Card className="ErrorState">
+        <CardBody className="ErrorState-cardBody">
+          <HeadingText
+            className="ErrorState-headingText"
+            spacingType={[HeadingText.SPACING_TYPE.LARGE]}
+            type={HeadingText.TYPE.HEADING_3}
+          >
+            Oops! Something went wrong.
+          </HeadingText>
+        </CardBody>
+      </Card>
+    );
+    ```
+
+    Aquí, definió un nuevo componente `Treemap` con algunos accesorios, incluidos `height`, `width`, `fill` y `stroke`.
+  </Step>
+
+  <Step>
+    Con su Nerdpack servido localmente, [vea su visualización](https://one.newrelic.com?nerdpacks=local). `SegmentedControl` y `RadarChart` están en la parte superior de la vista, pero si te desplazas hacia abajo, verás tu nuevo `Treemap`.
+  </Step>
+</Steps>
+
+<Steps>
+  <Step>
+    ## Cambie entre gráficos con los de su componente `state` [#switch-charts]
+
+    Emplee `state.selectedChart` para determinar qué gráfico mostrar: el `RadarChart` o el `Treemap`.
+  </Step>
+
+  <Step>
+    Desestructura `this.state` para acceder a `selectedChart` como una constante independiente. Luego, compare `selectedChart` con `CHART_TYPES.Radar`. Si son iguales, renderice un `RadarChart`. De lo contrario, renderice un `Treemap`:
+
+    ```js fileName=visualizations/radar-or-treemap/index.js
+    import React from 'react';
+    import PropTypes from 'prop-types';
+    import {
+      Radar,
+      RadarChart,
+      PolarGrid,
+      PolarAngleAxis,
+      PolarRadiusAxis,
+      Treemap,
+    } from 'recharts';
+    import {
+        AutoSizer,
+        Card,
+        CardBody,
+        HeadingText,
+        NrqlQuery,
+        SegmentedControl,
+        SegmentedControlItem,
+        Spinner,
+    } from 'nr1';
+
+    const CHART_TYPES = {
+      'Radar': 'radar',
+      'Treemap': 'treemap'
+    }
+
+    export default class RadarOrTreemapVisualization extends React.Component {
+      // Custom props you wish to be configurable in the UI must also be defined in
+      // the nr1.json file for the visualization. See docs for more details.
+      static propTypes = {
+        /**
+         * A fill color to override the default fill color. This is an example of
+         * a custom chart configuration.
+         */
+        fill: PropTypes.string,
+
+        /**
+         * A stroke color to override the default stroke color. This is an example of
+         * a custom chart configuration.
+         */
+        stroke: PropTypes.string,
+        /**
+         * An array of objects consisting of a nrql `query` and `accountId`.
+         * This should be a standard prop for any NRQL based visualizations.
+         */
+        nrqlQueries: PropTypes.arrayOf(
+          PropTypes.shape({
+            accountId: PropTypes.number,
+            query: PropTypes.string,
+          })
+        ),
+      };
+
+      state = {
+        selectedChart: CHART_TYPES.Radar,
+      };
+
+      /**
+       * Restructure the data for a non-time-series, facet-based NRQL query into a
+       * form accepted by the Recharts library's RadarChart.
+       * (https://recharts.org/api/RadarChart).
+       */
+      transformData = (rawData) => {
+        return rawData.map((entry) => ({
+          name: entry.metadata.name,
+          // Only grabbing the first data value because this is not time-series data.
+          value: entry.data[0].y,
+        }));
+      };
+
+      /**
+       * Format the given axis tick's numeric value into a string for display.
+       */
+      formatTick = (value) => {
+        return value.toLocaleString();
+      };
+
+      updateSelectedChart = (evt, value) => {
+        this.setState({ selectedChart: value })
+      };
+
+      render() {
+        const {nrqlQueries, stroke, fill} = this.props;
+        const {selectedChart} = this.state;
+
+        const nrqlQueryPropsAvailable =
+          nrqlQueries &&
+          nrqlQueries[0] &&
+          nrqlQueries[0].accountId &&
+          nrqlQueries[0].query;
+
+        if (!nrqlQueryPropsAvailable) {
+          return <EmptyState />;
+        }
+
+        return (
+          <AutoSizer>
+            {({width, height}) => (
+              <NrqlQuery
+                query={nrqlQueries[0].query}
+                accountId={parseInt(nrqlQueries[0].accountId)}
+                pollInterval={NrqlQuery.AUTO_POLL_INTERVAL}
+              >
+                {({data, loading, error}) => {
+                  if (loading) {
+                    return <Spinner />;
+                  }
+
+                  if (error) {
+                    return <ErrorState />;
+                  }
+
+                  const transformedData = this.transformData(data);
+
+                  return (
+                    <React.Fragment>
+                    <SegmentedControl
+                      onChange={this.updateSelectedChart}
+                    >
+                      <SegmentedControlItem
+                        value={CHART_TYPES.Radar}
+                        label="Radar chart"
+                      />
+                      <SegmentedControlItem
+                        value={CHART_TYPES.Treemap}
+                        label="Treemap chart"
+                      />
+                    </SegmentedControl>
+                    {selectedChart === CHART_TYPES.Radar ? (
+                    <RadarChart
+                      width={width}
+                      height={height}
+                      data={transformedData}
+                    >
+                      <PolarGrid />
+                      <PolarAngleAxis dataKey="name" />
+                      <PolarRadiusAxis tickFormatter={this.formatTick} />
+                      <Radar
+                        dataKey="value"
+                        stroke={stroke || '#51C9B7'}
+                        fill={fill || '#51C9B7'}
+                        fillOpacity={0.6}
+                      />
+                    </RadarChart>
+                    ) : (
+                    <Treemap
+                      width={width}
+                      height={height}
+                      data={transformedData}
+                      dataKey="value"
+                      ratio={4 / 3}
+                      stroke={stroke || '#000000'}
+                      fill={fill || '#51C9B7'}
+                    />
+                    )}
+                    </React.Fragment>
+                  );
+                }}
+              </NrqlQuery>
+            )}
+          </AutoSizer>
+        );
+      }
+    }
+
+    const EmptyState = () => (
+      <Card className="EmptyState">
+        <CardBody className="EmptyState-cardBody">
+          <HeadingText
+            spacingType={[HeadingText.SPACING_TYPE.LARGE]}
+            type={HeadingText.TYPE.HEADING_3}
+          >
+            Please provide at least one NRQL query & account ID pair
+          </HeadingText>
+          <HeadingText
+            spacingType={[HeadingText.SPACING_TYPE.MEDIUM]}
+            type={HeadingText.TYPE.HEADING_4}
+          >
+            An example NRQL query you can try is:
+          </HeadingText>
+          <code>FROM NrUsage SELECT sum(usage) FACET metric SINCE 1 week ago</code>
+        </CardBody>
+      </Card>
+    );
+
+    const ErrorState = () => (
+      <Card className="ErrorState">
+        <CardBody className="ErrorState-cardBody">
+          <HeadingText
+            className="ErrorState-headingText"
+            spacingType={[HeadingText.SPACING_TYPE.LARGE]}
+            type={HeadingText.TYPE.HEADING_3}
+          >
+            Oops! Something went wrong.
+          </HeadingText>
+        </CardBody>
+      </Card>
+    );
+    ```
+
+    Aquí, usaste una expresión ternaria para representar un `RadarChart` o un `Treemap`. El gráfico representado está determinado por el valor de `selectedChart`.
+  </Step>
+
+  <Step>
+    Con su Nerdpack servido localmente, [vea su visualización](https://one.newrelic.com?nerdpacks=local).
+
+    Seleccione **Radar chart** de `SegmentedControl`.
+
+    Seleccione el **Treemap chart** de `SegmentedControl`.
+  </Step>
+</Steps>
+
+## Resumen [#summary]
+
+¡Felicidades! En esta lección, aprendió cómo:
+
+* Personalice su visualización empleando los componentes del SDK de New Relic One
+* Agregue un nuevo tipo de gráfico a su visualización
+* Crea una interacción de usuario en tu visualización.
+
+<Callout variant="tip">
+  Esta lección es parte de un curso que le muestra cómo crear una visualización personalizada en la plataforma New Relic. Cuando esté listo, continúe con la siguiente lección: [Personalizar visualizaciones con configuración](/docs/new-relic-solutions/tutorials/custom-visualization-config).
+</Callout>
\ No newline at end of file
diff --git a/src/i18n/content/es/docs/serverless-function-monitoring/aws-lambda-monitoring/enable-lambda-monitoring/containerized-images.mdx b/src/i18n/content/es/docs/serverless-function-monitoring/aws-lambda-monitoring/enable-lambda-monitoring/containerized-images.mdx
index a393859d522..62bc38b9d80 100644
--- a/src/i18n/content/es/docs/serverless-function-monitoring/aws-lambda-monitoring/enable-lambda-monitoring/containerized-images.mdx
+++ b/src/i18n/content/es/docs/serverless-function-monitoring/aws-lambda-monitoring/enable-lambda-monitoring/containerized-images.mdx
@@ -5,24 +5,40 @@ freshnessValidatedDate: never
 translationType: machine
 ---
 
-Si está empleando una imagen en contenedor para Lambda y desea monitor su aplicación, deberá agregar New Relic a su código. Luego de agregar nuestra capa prediseñada a su imagen, envíe la imagen a su AWS Elastic Container Registry. A partir de ahí, cada vez que ejecute su función, New Relic se ejecutará al mismo tiempo.
+import serverlessContainerizedImagesWithLambda from 'images/serverless_diagram_containerized-images-with-lambda.webp'
+
+Si está empleando una imagen en contenedor para una función Lambda y desea monitor su aplicación, deberá agregar New Relic a su código. Por ejemplo, suponga que es desarrollador de una aplicación de cotización y está empleando una función Lambda para calcular los saldos de las cuentas cada vez que un cliente hace clic en **See my balance**. Quiere profundizar en cualquier posible latencia. En ese caso, deberá agregar New Relic a su función, de modo que cada vez que un cliente haga clic en **See my balance**, su función se ejecutará y New Relic también lo hará.
+
+Primero, debes agregar la capa prediseñada de New Relic a tu código. Desde allí, deberá enviar la imagen a su [registro de contenedorAWS Elastic](https://console.aws.amazon.com/ecr/home/). Luego de enviar su código combinado con la capa prediseñada de New Relic, deberá crear una nueva función a partir de la imagen que envió a AWS ECR.
+
+Para comprender cómo funciona nuestra capa prediseñadas, mire este diagrama.
+
+<img
+  title="containerized images "
+  alt="A diagram demonstrating how New Relic integrates with your Lambda containerized image."
+  src={serverlessContainerizedImagesWithLambda}
+/>
+
+<figcaption>
+  Si está empleando una imagen en contenedor para su función Lambda, puede agregar New Relic a su imagen.
+</figcaption>
 
 Aquí hay una guía para agregar nuestra capa prediseñada a su código.
 
 <Steps>
   <Step>
-    ### Agregue New Relic a su Dockerfile:
+    ### Agregue New Relic a su Dockerfile
 
     New Relic ofrece imágenes prediseñadas que incluyen los diferentes tiempos de ejecución de nuestra capa: Java, Node.js, Python y solo extensión.
 
     1. Seleccione la capa compatible con la región y el tiempo de ejecución de su función Lambda específica:
 
-    * [Java](https://gallery.ecr.aws/newrelic-lambda-layers-for-docker/newrelic-lambda-layers-java)
-    * [Node.js](https://gallery.ecr.aws/newrelic-lambda-layers-for-docker/newrelic-lambda-layers-nodejs)
-    * [Python](https://gallery.ecr.aws/x6n7b2o2/newrelic-lambda-layers-python)
-    * [Sólo extensión](https://gallery.ecr.aws/newrelic-lambda-layers-for-docker/newrelic-lambda-layers-lambdaextension)
+       * [Java](https://gallery.ecr.aws/newrelic-lambda-layers-for-docker/newrelic-lambda-layers-java)
+       * [Node.js](https://gallery.ecr.aws/newrelic-lambda-layers-for-docker/newrelic-lambda-layers-nodejs)
+       * [Python](https://gallery.ecr.aws/x6n7b2o2/newrelic-lambda-layers-python)
+       * [Sólo extensión](https://gallery.ecr.aws/newrelic-lambda-layers-for-docker/newrelic-lambda-layers-lambdaextension)
 
-    1. **En la parte superior de su Dockerfile** agregue el siguiente código:
+    2. En la parte superior de su Dockerfile, agregue el siguiente código:
 
     <Tabs>
       <TabsBar>
@@ -54,7 +70,7 @@ Aquí hay una guía para agregar nuestra capa prediseñada a su código.
         </TabsPageItem>
 
         <TabsPageItem id="python">
-          ```
+          ```java
           FROM public.ecr.aws/newrelic-lambda-layers-for-docker/newrelic-lambda-layers-python:38-arm64 AS layer
 
           # Layer code
@@ -63,7 +79,7 @@ Aquí hay una guía para agregar nuestra capa prediseñada a su código.
         </TabsPageItem>
 
         <TabsPageItem id="nodejs">
-          ```
+          ```js
           FROM public.ecr.aws/newrelic-lambda-layers-for-docker/newrelic-lambda-layers-nodejs:20-arm64 AS layer
 
           # Layer code
@@ -93,13 +109,606 @@ Aquí hay una guía para agregar nuestra capa prediseñada a su código.
   <Step>
     ### Configure su función Lambda
 
-    1. Cree una nueva función Lambda empleando la imagen que envió a AWS ECR. Para obtener más información sobre cómo crear esta función, recomendamos revisar la guía AWS : [Trabajar con imágenes de contenedor](https://docs.aws.amazon.com/lambda/latest/dg/images-create.html).
+    1. Cree una nueva función Lambda empleando la imagen que envió a AWS ECR. Para obtener más información sobre la creación de esta función, recomendamos revisar la guía AWS : [Trabajar con imágenes de contenedor](https://docs.aws.amazon.com/lambda/latest/dg/images-create.html).
 
-    2. Configure la función Lambda con la misma configuración que su función original, pero cerciorar de agregar las variables de entorno necesarias para el monitoreo de New Relic Lambda.
+    2. Configure la función Lambda con la misma configuración que su función original, pero cerciorar de agregar las variables de entorno necesarias para el monitoreo de New Relic Lambda. Consulte nuestras [variables de entorno](/docs/serverless-function-monitoring/aws-lambda-monitoring/enable-lambda-monitoring/containerized-images/#environment) para obtener más información.
 
     3. Actualice el controlador de su función para que apunte a la capa recién anexa en la anulación `cmd` para su función. Puede hacerlo siguiendo las instrucciones de estos dos documentos:
 
        * [Configuración UI de la consola Lambda](https://docs.newrelic.com/docs/serverless-function-monitoring/aws-lambda-monitoring/enable-lambda-monitoring/instrument-your-own/#console)
        * [Instrumentación sin capas para monitorización Lambda](docs/serverless-function-monitoring/aws-lambda-monitoring/enable-lambda-monitoring/enable-serverless-monitoring-aws-lambda-layerless)
   </Step>
-</Steps>
\ No newline at end of file
+</Steps>
+
+## Variables de entorno [#environment]
+
+Es importante configurar su nueva función Lambda con las variables de entorno de New Relic que coincidan con sus necesidades de monitoreo. Elija su tiempo de ejecución para ver las variables de entorno disponibles y nuestras recomendaciones para la configuración predeterminada.
+
+<CollapserGroup>
+  <Collapser
+    id="distributed-tracing"
+    title="rastreo distribuido para Node.js y Python agente"
+  >
+    <table>
+      <thead>
+        <tr>
+          <th>
+            Variable ambiental
+          </th>
+
+          <th>
+            Valor por defecto
+          </th>
+
+          <th>
+            Opciones
+          </th>
+
+          <th>
+            Descripción
+          </th>
+        </tr>
+      </thead>
+
+      <tbody>
+        <tr>
+          <td>
+            `NEW_RELIC_ACCOUNT_ID`
+          </td>
+
+          <td/>
+
+          <td/>
+
+          <td>
+            Su ID de cuenta de New Relic
+          </td>
+        </tr>
+
+        <tr>
+          <td>
+            `NEW_RELIC_TRUSTED_ACCOUNT_KEY`
+          </td>
+
+          <td/>
+
+          <td/>
+
+          <td>
+            Su ID de cuenta de New Relic o ID de padre, si existe
+          </td>
+        </tr>
+
+        <tr>
+          <td>
+            `NEW_RELIC_DISTRIBUTED_TRACING_ENABLED`
+          </td>
+
+          <td>
+            `false`
+          </td>
+
+          <td>
+            `true`, `false`
+          </td>
+
+          <td>
+            Activar o desactivar rastreo distribuido
+          </td>
+        </tr>
+      </tbody>
+    </table>
+  </Collapser>
+
+  <Collapser
+    id="node-js"
+    title="Node.js"
+  >
+    <table>
+      <thead>
+        <tr>
+          <th>
+            Variable ambiental
+          </th>
+
+          <th>
+            Valor por defecto
+          </th>
+
+          <th>
+            Opciones
+          </th>
+
+          <th>
+            Descripción
+          </th>
+        </tr>
+      </thead>
+
+      <tbody>
+        <tr>
+          <td>
+            `NEW_RELIC_NO_CONFIG_FILE`
+          </td>
+
+          <td>
+            `false`
+          </td>
+
+          <td>
+            `true`, `false`
+          </td>
+
+          <td>
+            El agente Node.js usa variables de entorno en Lambda, por lo que debe configurar en `true`
+          </td>
+        </tr>
+
+        <tr>
+          <td>
+            `NEW_RELIC_APP_NAME`
+          </td>
+
+          <td/>
+
+          <td/>
+
+          <td>
+            Debe configurar pero no se emplea en la New Relic UI. En cambio, los nombres de entidades provienen de la integración AWS .
+          </td>
+        </tr>
+
+        <tr>
+          <td>
+            `NEW_RELIC_LOG_ENABLED`
+          </td>
+
+          <td>
+            `false`
+          </td>
+
+          <td>
+            `true`,`false`
+          </td>
+
+          <td>
+            Envía el log del agente a CloudWatch
+          </td>
+        </tr>
+
+        <tr>
+          <td>
+            `NEW_RELIC_LOG_LEVEL`
+          </td>
+
+          <td>
+            `info`
+          </td>
+
+          <td>
+            `fatal`, `error`, `warn`, `info`, `debug`, `trace`
+          </td>
+
+          <td>
+            Nivel de agente de logs
+          </td>
+        </tr>
+
+        <tr>
+          <td>
+            `NEW_RELIC_LOG`
+          </td>
+
+          <td>
+            `stdout`
+          </td>
+
+          <td>
+            `stdout`
+          </td>
+
+          <td>
+            La ruta log del agente debe ser la salida estándar para el agente Node.js en modo sin servidor.
+          </td>
+        </tr>
+
+        <tr>
+          <td>
+            `NEW_RELIC_USE_ESM`
+          </td>
+
+          <td>
+            `false`
+          </td>
+
+          <td>
+            `true`, `false`
+          </td>
+
+          <td>
+            Funciones ESM que usan async/await y no devolución de llamada
+          </td>
+        </tr>
+
+        <tr>
+          <td>
+            `NEW_RELIC_NATIVE_METRICS_ENABLED`
+          </td>
+
+          <td>
+            `true`
+          </td>
+
+          <td>
+            `true`, `false`
+          </td>
+
+          <td>
+            Debe establecer en falso para reducir la duración del arranque en frío. Cuando se establece en `false` no recopila máquina virtual (VM) métrica
+          </td>
+        </tr>
+      </tbody>
+    </table>
+
+    Puede encontrar más variables de entorno en nuestra [documentación de configuración de Node.js.](/docs/apm/agents/nodejs-agent/installation-configuration/nodejs-agent-configuration/)
+  </Collapser>
+
+  <Collapser
+    id="python"
+    title="Python"
+  >
+    <table>
+      <thead>
+        <tr>
+          <th>
+            Variable ambiental
+          </th>
+
+          <th>
+            Valor por defecto
+          </th>
+
+          <th>
+            Opciones
+          </th>
+
+          <th>
+            Descripción
+          </th>
+        </tr>
+      </thead>
+
+      <tbody>
+        <tr>
+          <td>
+            `NEW_RELIC_NO_CONFIG_FILE`
+          </td>
+
+          <td>
+            `false`
+          </td>
+
+          <td>
+            `true`, `false`
+          </td>
+
+          <td>
+            El agente usa variables de entorno en Lambda, por lo que debe establecer en verdadero
+          </td>
+        </tr>
+
+        <tr>
+          <td>
+            `NEW_RELIC_APP_NAME`
+          </td>
+
+          <td/>
+
+          <td/>
+
+          <td>
+            Debe configurar pero no se emplea en la New Relic UI. En cambio, los nombres de entidades provienen de la integración AWS .
+          </td>
+        </tr>
+
+        <tr>
+          <td>
+            `NEW_RELIC_LOG`
+          </td>
+
+          <td>
+            `stderr`
+          </td>
+
+          <td>
+            `stderr`
+          </td>
+
+          <td>
+            La ruta log del agente debe ser `stderr `para el agente Python en modo sin servidor.
+          </td>
+        </tr>
+
+        <tr>
+          <td>
+            `NEW_RELIC_LOG_LEVEL`
+          </td>
+
+          <td>
+            `info`
+          </td>
+
+          <td>
+            `critical`, `error`, `warning`, `info`, `debug`
+          </td>
+
+          <td>
+            Nivel de agente de logs
+          </td>
+        </tr>
+
+        <tr>
+          <td>
+            `NEW_RELIC_SERVERLESS_MODE_ENABLED`
+          </td>
+
+          <td>
+            `false`
+          </td>
+
+          <td>
+            `true`, `false`
+          </td>
+
+          <td>
+            Esto debe establecer en `true` para que el agente se ejecute en modo sin servidor.
+          </td>
+        </tr>
+
+        <tr>
+          <td>
+            `NEW_RELIC_PACKAGE_REPORTING_ENABLED`
+          </td>
+
+          <td>
+            `true`
+          </td>
+
+          <td>
+            `true`, `false`
+          </td>
+
+          <td>
+            Los reportes del paquete del agente Python deben configurar en `false` para mejorar los tiempos de inicio en frío
+          </td>
+        </tr>
+      </tbody>
+    </table>
+
+    Puede encontrar más variables de entorno en nuestra [documentación de configuración de Python](/docs/apm/agents/python-agent/configuration/python-agent-configuration).
+  </Collapser>
+
+  <Collapser
+    id="java"
+    title="Java Open Tracing"
+  >
+    <table>
+      <thead>
+        <tr>
+          <th>
+            Variable ambiental
+          </th>
+
+          <th>
+            Valor por defecto
+          </th>
+
+          <th>
+            Opciones
+          </th>
+
+          <th>
+            Descripción
+          </th>
+        </tr>
+      </thead>
+
+      <tbody>
+        <tr>
+          <td>
+            `NEW_RELIC_PRIMARY_APPLICATION_ID`
+          </td>
+
+          <td/>
+
+          <td/>
+
+          <td>
+            Su ID de cuenta de New Relic
+          </td>
+        </tr>
+
+        <tr>
+          <td>
+            `NEW_RELIC_DEBUG`
+          </td>
+
+          <td>
+            `false`
+          </td>
+
+          <td>
+            `true`, `false`
+          </td>
+
+          <td>
+            Nivel de agente de logs
+          </td>
+        </tr>
+      </tbody>
+    </table>
+  </Collapser>
+
+  <Collapser
+    id="extension"
+    title="Extensión"
+  >
+    <table>
+      <thead>
+        <tr>
+          <th>
+            Variable ambiental
+          </th>
+
+          <th>
+            Valor por defecto
+          </th>
+
+          <th>
+            Opciones
+          </th>
+
+          <th>
+            Descripción
+          </th>
+        </tr>
+      </thead>
+
+      <tbody>
+        <tr>
+          <td>
+            `NEW_RELIC_LAMBDA_EXTENSION_ENABLED`
+          </td>
+
+          <td>
+            `true`
+          </td>
+
+          <td>
+            `true`, `false`
+          </td>
+
+          <td>
+            Activar o desactivar la extensión
+          </td>
+        </tr>
+
+        <tr>
+          <td>
+            `NEW_RELIC_LICENSE_KEY`
+          </td>
+
+          <td/>
+
+          <td/>
+
+          <td>
+            Su clave de ingesta de New Relic. Esto anula el Secrets Manager.
+          </td>
+        </tr>
+
+        <tr>
+          <td>
+            `NEW_RELIC_LICENSE_KEY_SECRET`
+          </td>
+
+          <td>
+            `NEW_RELIC_LICENSE_KEY`
+          </td>
+
+          <td/>
+
+          <td>
+            Nombre secreto personalizado en AWS Secrets Manager
+          </td>
+        </tr>
+
+        <tr>
+          <td>
+            `NEW_RELIC_LAMBDA_HANDLER`
+          </td>
+
+          <td/>
+
+          <td/>
+
+          <td>
+            Si no emplea [el método de ajuste manual](https://github.com/newrelic/newrelic-lambda-layers?tab=readme-ov-file#note-on-performance-for-es-module-functions) de New Relic, este es el controlador de su función.
+          </td>
+        </tr>
+
+        <tr>
+          <td>
+            `NEW_RELIC_DATA_COLLECTION_TIMEOUT`
+          </td>
+
+          <td>
+            10s
+          </td>
+
+          <td/>
+
+          <td>
+            Reducir la duración del tiempo de espera cuando `Telemetry client error`
+          </td>
+        </tr>
+
+        <tr>
+          <td>
+            `NEW_RELIC_EXTENSION_LOGS_ENABLED`
+          </td>
+
+          <td>
+            `true`
+          </td>
+
+          <td>
+            `true`, `false`
+          </td>
+
+          <td>
+            Activar o desactivar `NR_EXT` líneas log
+          </td>
+        </tr>
+
+        <tr>
+          <td>
+            `NEW_RELIC_EXTENSION_LOG_LEVEL`
+          </td>
+
+          <td>
+            `info`
+          </td>
+
+          <td>
+            `info`, `debug`
+          </td>
+
+          <td>
+            nivel de logs para líneas log NR_EXT
+          </td>
+        </tr>
+
+        <tr>
+          <td>
+            `NEW_RELIC_EXTENSION_SEND_FUNCTION_LOGS`
+          </td>
+
+          <td>
+            `false`
+          </td>
+
+          <td>
+            `true`, `false`
+          </td>
+
+          <td>
+            Enviar log de función
+          </td>
+        </tr>
+      </tbody>
+    </table>
+
+    Vea más variables de entorno para la extensión New Relic en nuestra [documentación](https://github.com/newrelic/newrelic-lambda-extension/blob/cf86fb53f0bd816e1d09d07f7b5c5ab4841010a0/config/config.go#L41-L55).
+  </Collapser>
+</CollapserGroup>
\ No newline at end of file
diff --git a/src/i18n/content/jp/docs/accounts/accounts-billing/new-relic-one-user-management/user-permissions.mdx b/src/i18n/content/jp/docs/accounts/accounts-billing/new-relic-one-user-management/user-permissions.mdx
index ceae1e028d3..586cd7df13d 100644
--- a/src/i18n/content/jp/docs/accounts/accounts-billing/new-relic-one-user-management/user-permissions.mdx
+++ b/src/i18n/content/jp/docs/accounts/accounts-billing/new-relic-one-user-management/user-permissions.mdx
@@ -250,7 +250,7 @@ UI に移動して、事前に構築された各ロールの権限を表示で
 
     * <DoNotTranslate>**View session replays**</DoNotTranslate>
 
-      : リプレイの閲覧に関係する[「許可」リスト](/docs/browser/browser-monitoring/browser-pro-features/session-replay)。
+      :[リプレイの視聴に関連します。](/docs/browser/browser-monitoring/browser-pro-features/session-replay)
   </Collapser>
 
   <Collapser
diff --git a/src/i18n/content/jp/docs/apm/agents/net-agent/configuration/net-agent-configuration.mdx b/src/i18n/content/jp/docs/apm/agents/net-agent/configuration/net-agent-configuration.mdx
index 5bc73ef27b7..c8105273825 100644
--- a/src/i18n/content/jp/docs/apm/agents/net-agent/configuration/net-agent-configuration.mdx
+++ b/src/i18n/content/jp/docs/apm/agents/net-agent/configuration/net-agent-configuration.mdx
@@ -2308,6 +2308,12 @@ APM UI のデフォルトのホスト名ラベルが役に立たない場合は
 
     New Relic に報告しない特定の HTTP エラーコードを列挙します。401 だけのような標準的な積分 HTTP エラーコードを使用することもできますし、401.4 や 403.18 のような小数点を含む Microsoft の完全なステータスコードを使用することもできます。ステータスコードは400以上でなければなりません。
 
+    これは環境変数を介して設定することもでき、複数のコードをコンマ区切りのリストで指定します。
+
+    ```ini
+    NEW_RELIC_ERROR_COLLECTOR_IGNORE_ERROR_CODES=<var>401, 403.18</var>
+    ```
+
     <Callout variant="tip">
       エージェントの[`NoticeError()` API](/docs/agents/net-agent/net-agent-api/noticeerror-net-agent)で報告されたカスタムエラーは、関連付けられたトランザクションにHTTPステータスコードがここで構成されている場合でも、NewRelicに報告されます。
     </Callout>
@@ -2331,7 +2337,13 @@ APM UI のデフォルトのホスト名ラベルが役に立たない場合は
     id="error-expectedStatusCodes"
     title="expectedStatusCodes"
   >
-    ステータスコードのコンマ区切りのリストです。リストには整数の範囲を含めることができ、ダッシュ（-）を使用して、範囲内の開始と終了の両方の整数を含みます。
+    カンマで区切られたステータス コードのリスト。 リストには、単一のダッシュ (-) を使用して整数の範囲を含めることができ、範囲内の開始整数と終了整数の両方が含まれます。
+
+    これは、環境変数を介して構成することもできます。
+
+    ```ini
+    NEW_RELIC_ERROR_COLLECTOR_EXPECTED_ERROR_CODES=<var>401, 501-503</var>
+    ```
   </Collapser>
 
   <Collapser
diff --git a/src/i18n/content/jp/docs/apm/agents/php-agent/installation/php-agent-installation-ubuntu-debian.mdx b/src/i18n/content/jp/docs/apm/agents/php-agent/installation/php-agent-installation-ubuntu-debian.mdx
index 93721000189..148b255ba91 100644
--- a/src/i18n/content/jp/docs/apm/agents/php-agent/installation/php-agent-installation-ubuntu-debian.mdx
+++ b/src/i18n/content/jp/docs/apm/agents/php-agent/installation/php-agent-installation-ubuntu-debian.mdx
@@ -9,7 +9,7 @@ freshnessValidatedDate: never
 translationType: machine
 ---
 
-当社の[PHPエージェント](/docs/agents/php-agent/getting-started/new-relic-php#configuration)は、コードを自動インストゥルメントするため、アプリケーションのモニターを開始できます。これらは、UbuntuまたはDebianに、当社のPHPエージェントをインストールする標準的な手順です。 （これは、[インフラストラクチャモニタリングエージェント](/docs/infrastructure/new-relic-infrastructure/installation/install-infrastructure-linux#apt-based)のUbuntuとDebian手順と同じではありません。）その他の状況については、[非標準PHPインストレーションのPHPエージェントの手順](/docs/php/php-agent-installation-non-standard-php)を参照してください。
+[PHP エージェントが](/docs/agents/php-agent/getting-started/new-relic-php#configuration)あなたのコードを自動生成したので、監視アプリケーションを開始できます。 これらは、Ubuntu または Debian に PHP エージェントをインストールするための標準的な手順です。 (これは[、インフラストラクチャエージェント](/docs/infrastructure/new-relic-infrastructure/installation/install-infrastructure-linux#apt-based)の Ubuntu および Debian の手順とは異なります。) その他の状況については、[非標準 PHP インストレーションの PHP エージェント手順を](/docs/php/php-agent-installation-non-standard-php)参照してください。
 
 ## PHPバージョン [#php7]
 
@@ -39,11 +39,15 @@ New RelicのPHPエージェントのパッケージ名は`newrelic-php5`です
   <tbody>
     <tr>
       <td>
-        **1.**
+        <DoNotTranslate>
+          **1.**
+        </DoNotTranslate>
       </td>
 
       <td>
-        **New Relic aptリポジトリを設定します。**
+        <DoNotTranslate>
+          **Configure the New Relic apt repository.**
+        </DoNotTranslate>
 
         ```bash
         echo 'deb http://apt.newrelic.com/debian/ newrelic non-free' | sudo tee /etc/apt/sources.list.d/newrelic.list
@@ -57,11 +61,15 @@ New RelicのPHPエージェントのパッケージ名は`newrelic-php5`です
 
     <tr>
       <td>
-        **2.**
+        <DoNotTranslate>
+          **2.**
+        </DoNotTranslate>
       </td>
 
       <td>
-        **New RelicのGPGキーを信頼します。**
+        <DoNotTranslate>
+          **Trust the New Relic GPG key.**
+        </DoNotTranslate>
 
         このステップは、apt-getが新しいパッケージの検索先となる認証済みソースとしてNew Relicを登録するために必要です。グローバルキーサーバーからNew Relicパブリックキーを取得するには、rootとして以下のコマンドを実行します。
 
@@ -75,11 +83,15 @@ New RelicのPHPエージェントのパッケージ名は`newrelic-php5`です
 
     <tr>
       <td>
-        **3.**
+        <DoNotTranslate>
+          **3.**
+        </DoNotTranslate>
       </td>
 
       <td>
-        **ローカルパッケージリストを更新します。**
+        <DoNotTranslate>
+          **Update the local package list.**
+        </DoNotTranslate>
 
         root権限として、以下のコマンドを実行します。
 
@@ -91,11 +103,15 @@ New RelicのPHPエージェントのパッケージ名は`newrelic-php5`です
 
     <tr>
       <td>
-        **4.**
+        <DoNotTranslate>
+          **4.**
+        </DoNotTranslate>
       </td>
 
       <td>
-        **PHPエージェントをインストールします。**
+        <DoNotTranslate>
+          **Install the PHP agent.**
+        </DoNotTranslate>
 
         New Relicリポジトリから直接インストールするには、以下のコマンドを実行します。
 
@@ -107,11 +123,15 @@ New RelicのPHPエージェントのパッケージ名は`newrelic-php5`です
 
     <tr>
       <td>
-        **5.**
+        <DoNotTranslate>
+          **5.**
+        </DoNotTranslate>
       </td>
 
       <td>
-        **非標準インストレーション：手動でインストレーションを完了します。**
+        <DoNotTranslate>
+          **Non-standard installations: Complete installation manually.**
+        </DoNotTranslate>
 
         デフォルトのUbuntuまたはDebian PHPパッケージを使用していない場合、`newrelic-php5`パッケージはPHPを自動設定できない場合があります。次のエラーが表示される場合があります。
 
@@ -129,23 +149,31 @@ New RelicのPHPエージェントのパッケージ名は`newrelic-php5`です
 
     <tr>
       <td>
-        **6.**
+        <DoNotTranslate>
+          **6.**
+        </DoNotTranslate>
       </td>
 
       <td>
-        **アプリケーション名とNew Relicライセンスキーを設定します。**
+        <DoNotTranslate>
+          **Configure your application name and New Relic license key.**
+        </DoNotTranslate>
 
-        インストレーションプロセスでは、アプリケーション名とライセンスキーを要求するプロンプトが表示されます。<InlinePopover type="licenseKey"/>が、**アカウント設定**のアカウント情報セクションに表示されます。ヘッドレスインストレーションの場合は、[`debconf`を使用してライセンスキーとアプリケーション名を事前に設定](#preseeding)することもできます。
+        インストレーション プロセスは、アプリケーション名とライセンスキーを要求します。 <InlinePopover type="licenseKey"/>は<DoNotTranslate>**Account settings**</DoNotTranslate>のアカウント情報セクションに表示されます。 ヘッドレス インストレーションの場合、 [`debconf`を使用してライセンスキーとアプリケーション名を事前にシードする](#preseeding)こともできます。
       </td>
     </tr>
 
     <tr>
       <td>
-        **7.**
+        <DoNotTranslate>
+          **7.**
+        </DoNotTranslate>
       </td>
 
       <td>
-        **ウェブサーバーまたはFast CGI Process Manager（FPM）を再起動します。**
+        <DoNotTranslate>
+          **Restart your web server or FastCGI Process Manager (FPM).**
+        </DoNotTranslate>
 
         アプリのトラフィックを生成し、アプリケーションがNew Relicにデータを送信するまで数分間待ちます。その後、[New Relic UIでアプリケーションのパフォーマンスを確認します。](/docs/apm/applications-menu/monitoring/apm-overview-page)
       </td>
@@ -185,11 +213,15 @@ DEBIAN_FRONTEND=noninteractive apt-get -y install newrelic-php5
   <tbody>
     <tr>
       <td>
-        **1.**
+        <DoNotTranslate>
+          **1.**
+        </DoNotTranslate>
       </td>
 
       <td>
-        **パッケージダウンロードのURLをコピーします。**
+        <DoNotTranslate>
+          **Copy the URL for the package download.**
+        </DoNotTranslate>
 
         アーキテクチャーに適したURLに移動し、最新の`newrelic-daemon`、`newrelic-php5-common`、および`newrelic-php5`パッケージの完全なURLをコピーします。
 
@@ -200,11 +232,15 @@ DEBIAN_FRONTEND=noninteractive apt-get -y install newrelic-php5
 
     <tr>
       <td>
-        **2.**
+        <DoNotTranslate>
+          **2.**
+        </DoNotTranslate>
       </td>
 
       <td>
-        **パッケージをダウンロードします。**
+        <DoNotTranslate>
+          **Download the package.**
+        </DoNotTranslate>
 
         次の`wget`コマンドを実行します。`https://LINK_TO_PACKAGE`をパッケージの完全なURLに置き換えてください。
 
@@ -216,21 +252,29 @@ DEBIAN_FRONTEND=noninteractive apt-get -y install newrelic-php5
 
     <tr>
       <td>
-        **3.**
+        <DoNotTranslate>
+          **3.**
+        </DoNotTranslate>
       </td>
 
       <td>
-        **PHPエージェントをインストールします。**
+        <DoNotTranslate>
+          **Install the PHP agent.**
+        </DoNotTranslate>
 
         root権限を使用して適切なコマンドを実行します。`X.X.X.X`を現在のバージョンに置き換えます。
 
-        **32ビット版：**
+        <DoNotTranslate>
+          **32-bit:**
+        </DoNotTranslate>
 
         ```bash
         dpkg -i newrelic-php5-common_X.X.X.X_all.deb newrelic-daemon_X.X.X.X_i386.deb newrelic-php5_X.X.X.X_i386.deb
         ```
 
-        **64ビット版：**
+        <DoNotTranslate>
+          **64-bit:**
+        </DoNotTranslate>
 
         ```bash
         dpkg -i newrelic-php5-common_X.X.X.X_all.deb newrelic-daemon_X.X.X.X_amd64.deb newrelic-php5_X.X.X.X_amd64.deb
@@ -240,23 +284,31 @@ DEBIAN_FRONTEND=noninteractive apt-get -y install newrelic-php5
 
     <tr>
       <td>
-        **4.**
+        <DoNotTranslate>
+          **4.**
+        </DoNotTranslate>
       </td>
 
       <td>
-        **アプリケーション名とNew Relicライセンスキーを設定します。**
+        <DoNotTranslate>
+          **Configure your application name and New Relic license key.**
+        </DoNotTranslate>
 
-        インストレーションプロセスでは、アプリケーション名とライセンスキーを要求するプロンプトが表示されます。<InlinePopover type="licenseKey"/>が、**アカウント設定**のアカウント情報セクションに表示されます。ヘッドレスインストレーションの場合は、[`debconf`を使用してライセンスキーとアプリケーション名を事前に設定](#preseeding)することもできます。
+        インストレーション プロセスは、アプリケーション名とライセンスキーを要求します。 <InlinePopover type="licenseKey"/>は<DoNotTranslate>**Account settings**</DoNotTranslate>のアカウント情報セクションに表示されます。 ヘッドレス インストレーションの場合、 [`debconf`を使用してライセンスキーとアプリケーション名を事前にシードする](#preseeding)こともできます。
       </td>
     </tr>
 
     <tr>
       <td>
-        **5.**
+        <DoNotTranslate>
+          **5.**
+        </DoNotTranslate>
       </td>
 
       <td>
-        **ウェブサーバーまたはFast CGI Process Manager（FPM）を再起動します。**
+        <DoNotTranslate>
+          **Restart your web server or FastCGI Process Manager (FPM).**
+        </DoNotTranslate>
 
         アプリのトラフィックを生成し、アプリケーションがNew Relicにデータを送信するまで数分間待ちます。その後、[New Relic UIでアプリケーションのパフォーマンスを確認します。](/docs/apm/applications-menu/monitoring/apm-overview-page)
       </td>
@@ -268,7 +320,7 @@ DEBIAN_FRONTEND=noninteractive apt-get -y install newrelic-php5
 
 ## ヘッドレス：ライセンスキーとアプリ名の事前設定 [#preseeding]
 
-ヘッドレスインストレーションの場合、<InlinePopover type="licenseKey"/>と[アプリケーション名](/docs/site/naming-your-application)を事前に設定できます。お使いのディストリビューションが提供するデフォルトのphp5パッケージを使用する必要があります。事前に設定するには、[`debconf-set-selections`](http://manpages.ubuntu.com/manpages/trusty/en/man1/debconf-set-selections.1.html)を使用して`debconf`データベースに値を設定します。
+ヘッドレス インストレーションの場合は、 <InlinePopover type="licenseKey"/>と[アプリケーション名を](/docs/site/naming-your-application)事前にシードできます。 ディストリビューションによって提供されるデフォルトの php5 パッケージを使用する必要があります。 事前シードするには、 [`debconf-set-selections`](http://manpages.ubuntu.com/manpages/trusty/en/man1/debconf-set-selections.1.html)を使用して`debconf`データベースに値を設定します。
 
 <Callout variant="important">
   これらの設定は、パッケージ化されたPHPを使用していない場合には無視されます。`newrelic-install`を実行するように求められます。
@@ -310,7 +362,7 @@ DEBIAN_FRONTEND=noninteractive apt-get -y install newrelic-php5
         newrelic-php5/license-key
         ```
 
-        ご利用の<InlinePopover type="licenseKey"/>。この文字列は`newrelic.ini`に[`newrelic.license`](/docs/php/php-agent-phpini-settings#inivar-license)を設定します。
+        あなたの<InlinePopover type="licenseKey"/> 。 この文字列は、 `newrelic.ini`に[`newrelic.license`](/docs/php/php-agent-phpini-settings#inivar-license)を設定します。
       </td>
 
       <td>
diff --git a/src/i18n/content/jp/docs/infrastructure/amazon-integrations/aws-integrations-list/aws-sys-dist.mdx b/src/i18n/content/jp/docs/infrastructure/amazon-integrations/aws-integrations-list/aws-sys-dist.mdx
index 72bf29c04c5..9e7575932ec 100644
--- a/src/i18n/content/jp/docs/infrastructure/amazon-integrations/aws-integrations-list/aws-sys-dist.mdx
+++ b/src/i18n/content/jp/docs/infrastructure/amazon-integrations/aws-integrations-list/aws-sys-dist.mdx
@@ -17,7 +17,7 @@ translationType: machine
 
 ## 統合をアクティブ化する [#integration]
 
-AWS Systems Manager コンソールを使用して、 <DoNotTranslate>**New Relic infrastructure monitoring agent**</DoNotTranslate>ディストリビュータ パッケージを 1 回だけインストールまたは更新することも、インストール スケジュールを設定することもできます。
+AWS Systems Manager コンソールを使用して、 <DoNotTranslate>**New Relic infrastructure agent**</DoNotTranslate>ディストリビュータ パッケージを 1 回だけインストールまたは更新することも、インストール スケジュールを設定することもできます。
 
 * ワンタイム インストレーションを設定すると、
 
@@ -31,9 +31,9 @@ New Relic は、EC2 を監視するための自動プロセスも提供します
 
 ## エージェントをインストールまたは更新する [#install-update]
 
-1. AWS Systems Manager[コンソール](https://console.aws.amazon.com/systems-manager)を開きます。 ナビゲーション ペインで、 <DoNotTranslate>**Distributor**</DoNotTranslate>を選択し、 <DoNotTranslate>**Third party**</DoNotTranslate>を選択して、 <DoNotTranslate>**New Relic infrastructure monitoring agent**</DoNotTranslate>タイルを選択します。
+1. AWS Systems Manager[コンソール](https://console.aws.amazon.com/systems-manager)を開きます。 ナビゲーション ペインで、 <DoNotTranslate>**Distributor**</DoNotTranslate>を選択し、 <DoNotTranslate>**Third party**</DoNotTranslate>を選択して、 <DoNotTranslate>**New Relic infrastructure agent**</DoNotTranslate>タイルを選択します。
 
-2. インストレーションモードを選択します。 <DoNotTranslate>**New Relic infrastructure monitoring agent**</DoNotTranslate>パッケージを 1 回だけインストールまたは更新することも、インストールをスケジュールすることもできます。 <DoNotTranslate>**Distributor packages**</DoNotTranslate>のインストールの詳細については、 [AWS Systems Manager ディストリビューターのドキュメントを](https://docs.aws.amazon.com/systems-manager/latest/userguide/distributor-working-with-packages-deploy.html)参照してください。
+2. インストレーションモードを選択します。 <DoNotTranslate>**New Relic infrastructure agent**</DoNotTranslate>パッケージを 1 回だけインストールまたは更新することも、インストールをスケジュールすることもできます。 <DoNotTranslate>**Distributor packages**</DoNotTranslate>のインストールの詳細については、 [AWS Systems Manager ディストリビューターのドキュメントを](https://docs.aws.amazon.com/systems-manager/latest/userguide/distributor-working-with-packages-deploy.html)参照してください。
 
 3. <DoNotTranslate>**Action**</DoNotTranslate>には、 <DoNotTranslate>**Install**</DoNotTranslate>を選択します。
 
diff --git a/src/i18n/content/jp/docs/infrastructure/host-integrations/host-integrations-list/postfix-monitoring-integration.mdx b/src/i18n/content/jp/docs/infrastructure/host-integrations/host-integrations-list/postfix-monitoring-integration.mdx
index 7106eb14548..45aba43bf47 100644
--- a/src/i18n/content/jp/docs/infrastructure/host-integrations/host-integrations-list/postfix-monitoring-integration.mdx
+++ b/src/i18n/content/jp/docs/infrastructure/host-integrations/host-integrations-list/postfix-monitoring-integration.mdx
@@ -10,7 +10,7 @@ translationType: machine
 
 import infrastructurePostfixDashboard from 'images/infrastructure_screenshot-full_Postfix-dashboard.webp'
 
-Postfix 統合はメール サーバー データを 1 つのビューに統合するため、特定の期間内に送信、返送、遅延された電子メールの数を追跡できます。 当社の Postfix インテグレーションでは、インフラストラクチャ モニタリング エージェントを使用し、メール配信プロセス、メール キュー、メッセージの概要など、最も重要な Postfix メトリックを含む事前構築されたダッシュボードを提供します。
+当社の Postfix インテグレーションはメール サーバーのデータを 1 つのビューに統合するため、特定の期間に送信、バウンス、または延期されたメールの数を追跡できます。 当社の Postfix インテグレーションは、インフラストラクチャエージェントを使用して、電子メール配信プロセス、メールキュー、メッセージの概要など、最も重要な Postfix メトリックを含む事前構築されたダッシュボードを提供します。
 
 <img
   title="Postfix dashboard"
diff --git a/src/i18n/content/jp/docs/infrastructure/host-integrations/host-integrations-list/rabbitmq-monitoring-integration.mdx b/src/i18n/content/jp/docs/infrastructure/host-integrations/host-integrations-list/rabbitmq-monitoring-integration.mdx
index 33dc39bba64..2baeef14441 100644
--- a/src/i18n/content/jp/docs/infrastructure/host-integrations/host-integrations-list/rabbitmq-monitoring-integration.mdx
+++ b/src/i18n/content/jp/docs/infrastructure/host-integrations/host-integrations-list/rabbitmq-monitoring-integration.mdx
@@ -38,7 +38,7 @@ RabbitMQ統合をインストールするには、ご使用の環境の指示に
     id="ansible"
     title="Ansible"
   >
-    [構成管理ツール](/docs/infrastructure/install-infrastructure-agent/linux-installation/install-configuration-management-tools)を使用して[インフラストラクチャ監視エージェント](/docs/infrastructure/infrastructure-monitoring/get-started/get-started-infrastructure-monitoring/)を開始します。
+    [設定管理ツール](/docs/infrastructure/install-infrastructure-agent/linux-installation/install-configuration-management-tools) を使用して[ 、インフラストラクチャエージェント](/docs/infrastructure/infrastructure-monitoring/get-started/get-started-infrastructure-monitoring/) の使用を開始します。
   </Collapser>
 
   <Collapser
@@ -77,7 +77,9 @@ RabbitMQ統合をインストールするには、ご使用の環境の指示に
 
     5. 自動Rabbitmqエラーログの解析と転送を有効にするには、 `rabbitmq-log.yml.example`ファイルを`rabbitmq-log.yml`にコピー（または名前変更）します。エージェントを再起動する必要はありません。
 
-       **例：**
+       <DoNotTranslate>
+         **Example:**
+       </DoNotTranslate>
 
        ```
        sudo cp /etc/newrelic-infra/logging.d/rabbitmq-log.yml.example /etc/newrelic-infra/logging.d/rabbitmq-log.yml
@@ -108,13 +110,17 @@ RabbitMQ統合をインストールするには、ご使用の環境の指示に
 
     5. 自動 Rabbitmq エラー ログの解析と転送を有効にするには、 `rabbitmq-log-win.yml.example`ファイルを`rabbitmq-log-win.yml`にコピー (または名前を変更) します。
 
-       **コマンド プロンプトの例:**
+       <DoNotTranslate>
+         **Command Prompt Example:**
+       </DoNotTranslate>
 
        ```
        rename "C:\Program Files\New Relic\newrelic-infra\logging.d\rabbitmq-log-win.yml.example" rabbitmq-log-win.yml
        ```
 
-       **Powershell の例:**
+       <DoNotTranslate>
+         **Powershell Example:**
+       </DoNotTranslate>
 
        ```
        Rename-Item -Path "C:\Program Files\New Relic\newrelic-infra\logging.d\rabbitmq-log-win.yml.example" -NewName "rabbitmq-log-win.yml"
@@ -124,8 +130,13 @@ RabbitMQ統合をインストールするには、ご使用の環境の指示に
 
 その他の注意事項：
 
-* **高度:** 統合は [tarball 形式](/docs/infrastructure/host-integrations/installation/install-infrastructure-host-integrations/#tarball) でも利用できるため、パッケージ マネージャーの外部にインストールできます。
-* **オンホスト統合は自動的に更新されません。**最良の結果を得るには、統合パッケージと[インフラストラクチャエージェント](/docs/infrastructure/new-relic-infrastructure/installation/update-infrastructure-agent)を定期的に[更新して](/docs/integrations/host-integrations/installation/update-infrastructure-host-integration-package)ください。
+* <DoNotTranslate>**Advanced:**</DoNotTranslate>
+
+  インテグレーションは、パッケージマネージャの外部にインストールできるように、 [tarball 形式](/docs/infrastructure/host-integrations/installation/install-infrastructure-host-integrations/#tarball)でも利用できます。
+
+* <DoNotTranslate>**On-host integrations do not automatically update.**</DoNotTranslate>
+
+  最善の結果を得るため、[インテグレーションパッケージの更新](/docs/integrations/host-integrations/installation/update-infrastructure-host-integration-package)と[Infrastructureエージェントの更新](/docs/infrastructure/new-relic-infrastructure/installation/update-infrastructure-agent)を定期的に実施してください。
 
 <Callout variant="important">
   この統合では、ホストごとに1つのRabbitMQサーバーインスタンスのみを監視できます。
@@ -153,7 +164,9 @@ RabbitMQ統合をインストールするには、ご使用の環境の指示に
 
 RabbitMQに関連する特定の設定は、構成ファイルの`env`セクションを使用して定義されます。これらの設定は、RabbitMQインスタンスへの接続、およびその他のセキュリティ設定と機能を制御します。有効な設定のリストについては、このドキュメントの次のセクションで説明します。
 
-**クラスター環境**
+<DoNotTranslate>
+  **Cluster environments**
+</DoNotTranslate>
 
 クラスター環境では、統合は、1 つのノードに接続された統合の 1 つのインスタンスのみを使用して、すべてのクラスターからメトリックを収集します。このインスタンスは `METRICS=true` と `INVENTORY=true`を使用する必要があります。残りのノードでは、 `METRICS=false` と `INVENTORY=true`を使用してインベントリのみを収集する必要があります。これらの詳細については、 [インスタンス設定を](#instance-settings)参照してください。
 
@@ -184,7 +197,7 @@ discovery:
 
 ### RabbitMQインスタンス設定 [#instance-settings]
 
-RabbitMQ統合は、Metrics（ <strong>M</strong> ）とInventory（ <strong>I</strong> ）の両方の情報を収集します。以下の**\[適用先]列を**チェックして、特定のコレクションごとに使用できる設定を見つけてください。
+RabbitMQ インテグレーションは、メトリクス ( <strong>M</strong> ) 情報とインベントリ ( <strong>I</strong> ) 情報の両方を収集します。 それぞれの特定のコレクションに使用できる設定を確認するには、以下の<DoNotTranslate>**Applies To**</DoNotTranslate>列を確認してください。
 
 '' '' '' '' '' '' '' '' '' '' '' '' '' '' '' '' '' '' ''
 
@@ -212,7 +225,9 @@ RabbitMQ統合は、Metrics（ <strong>M</strong> ）とInventory（ <strong>I</
   <tbody>
     <tr>
       <td>
-        **ホスト名**
+        <DoNotTranslate>
+          **HOSTNAME**
+        </DoNotTranslate>
       </td>
 
       <td>
@@ -230,7 +245,9 @@ RabbitMQ統合は、Metrics（ <strong>M</strong> ）とInventory（ <strong>I</
 
     <tr>
       <td>
-        **ポート**
+        <DoNotTranslate>
+          **PORT**
+        </DoNotTranslate>
       </td>
 
       <td>
@@ -248,7 +265,9 @@ RabbitMQ統合は、Metrics（ <strong>M</strong> ）とInventory（ <strong>I</
 
     <tr>
       <td>
-        **ユーザー名**
+        <DoNotTranslate>
+          **USERNAME**
+        </DoNotTranslate>
       </td>
 
       <td>
@@ -266,7 +285,9 @@ RabbitMQ統合は、Metrics（ <strong>M</strong> ）とInventory（ <strong>I</
 
     <tr>
       <td>
-        **パスワード**
+        <DoNotTranslate>
+          **PASSWORD**
+        </DoNotTranslate>
       </td>
 
       <td>
@@ -284,7 +305,9 @@ RabbitMQ統合は、Metrics（ <strong>M</strong> ）とInventory（ <strong>I</
 
     <tr>
       <td>
-        **タイムアウト**
+        <DoNotTranslate>
+          **TIMEOUT**
+        </DoNotTranslate>
       </td>
 
       <td>
@@ -302,7 +325,9 @@ RabbitMQ統合は、Metrics（ <strong>M</strong> ）とInventory（ <strong>I</
 
     <tr>
       <td>
-        **MANAGEMENT_PATH_PREFIX**
+        <DoNotTranslate>
+          **MANAGEMENT_PATH_PREFIX**
+        </DoNotTranslate>
       </td>
 
       <td>
@@ -320,7 +345,9 @@ RabbitMQ統合は、Metrics（ <strong>M</strong> ）とInventory（ <strong>I</
 
     <tr>
       <td>
-        **USE_SSL**
+        <DoNotTranslate>
+          **USE_SSL**
+        </DoNotTranslate>
       </td>
 
       <td>
@@ -338,7 +365,9 @@ RabbitMQ統合は、Metrics（ <strong>M</strong> ）とInventory（ <strong>I</
 
     <tr>
       <td>
-        **CA_BUNDLE_DIR**
+        <DoNotTranslate>
+          **CA_BUNDLE_DIR**
+        </DoNotTranslate>
       </td>
 
       <td>
@@ -356,7 +385,9 @@ RabbitMQ統合は、Metrics（ <strong>M</strong> ）とInventory（ <strong>I</
 
     <tr>
       <td>
-        **CA_BUNDLE_FILE**
+        <DoNotTranslate>
+          **CA_BUNDLE_FILE**
+        </DoNotTranslate>
       </td>
 
       <td>
@@ -374,7 +405,9 @@ RabbitMQ統合は、Metrics（ <strong>M</strong> ）とInventory（ <strong>I</
 
     <tr>
       <td>
-        **NODE_NAME_OVERRIDE**
+        <DoNotTranslate>
+          **NODE_NAME_OVERRIDE**
+        </DoNotTranslate>
       </td>
 
       <td>
@@ -392,7 +425,9 @@ RabbitMQ統合は、Metrics（ <strong>M</strong> ）とInventory（ <strong>I</
 
     <tr>
       <td>
-        **CONFIG_PATH**
+        <DoNotTranslate>
+          **CONFIG_PATH**
+        </DoNotTranslate>
       </td>
 
       <td>
@@ -410,7 +445,9 @@ RabbitMQ統合は、Metrics（ <strong>M</strong> ）とInventory（ <strong>I</
 
     <tr>
       <td>
-        **キュー**
+        <DoNotTranslate>
+          **QUEUES**
+        </DoNotTranslate>
       </td>
 
       <td>
@@ -434,7 +471,9 @@ RabbitMQ統合は、Metrics（ <strong>M</strong> ）とInventory（ <strong>I</
 
     <tr>
       <td>
-        **QUEUES_REGEXES**
+        <DoNotTranslate>
+          **QUEUES_REGEXES**
+        </DoNotTranslate>
       </td>
 
       <td>
@@ -458,7 +497,9 @@ RabbitMQ統合は、Metrics（ <strong>M</strong> ）とInventory（ <strong>I</
 
     <tr>
       <td>
-        **交換**
+        <DoNotTranslate>
+          **EXCHANGES**
+        </DoNotTranslate>
       </td>
 
       <td>
@@ -476,7 +517,9 @@ RabbitMQ統合は、Metrics（ <strong>M</strong> ）とInventory（ <strong>I</
 
     <tr>
       <td>
-        **EXCHANGES_REGEXES**
+        <DoNotTranslate>
+          **EXCHANGES_REGEXES**
+        </DoNotTranslate>
       </td>
 
       <td>
@@ -494,7 +537,9 @@ RabbitMQ統合は、Metrics（ <strong>M</strong> ）とInventory（ <strong>I</
 
     <tr>
       <td>
-        **VHOSTS**
+        <DoNotTranslate>
+          **VHOSTS**
+        </DoNotTranslate>
       </td>
 
       <td>
@@ -512,7 +557,9 @@ RabbitMQ統合は、Metrics（ <strong>M</strong> ）とInventory（ <strong>I</
 
     <tr>
       <td>
-        **VHOSTS_REGEXES**
+        <DoNotTranslate>
+          **VHOSTS_REGEXES**
+        </DoNotTranslate>
       </td>
 
       <td>
@@ -530,7 +577,9 @@ RabbitMQ統合は、Metrics（ <strong>M</strong> ）とInventory（ <strong>I</
 
     <tr>
       <td>
-        **METRICS**
+        <DoNotTranslate>
+          **METRICS**
+        </DoNotTranslate>
       </td>
 
       <td>
@@ -546,7 +595,9 @@ RabbitMQ統合は、Metrics（ <strong>M</strong> ）とInventory（ <strong>I</
 
     <tr>
       <td>
-        **在庫**
+        <DoNotTranslate>
+          **INVENTORY**
+        </DoNotTranslate>
       </td>
 
       <td>
@@ -562,7 +613,9 @@ RabbitMQ統合は、Metrics（ <strong>M</strong> ）とInventory（ <strong>I</
 
     <tr>
       <td>
-        **イベント**
+        <DoNotTranslate>
+          **EVENTS**
+        </DoNotTranslate>
       </td>
 
       <td>
@@ -578,7 +631,9 @@ RabbitMQ統合は、Metrics（ <strong>M</strong> ）とInventory（ <strong>I</
 
     <tr>
       <td>
-        **DISABLE_ENTITIES**
+        <DoNotTranslate>
+          **DISABLE_ENTITIES**
+        </DoNotTranslate>
       </td>
 
       <td>
@@ -594,7 +649,9 @@ RabbitMQ統合は、Metrics（ <strong>M</strong> ）とInventory（ <strong>I</
 
     <tr>
       <td>
-        **QUEUES_MAX_LIMIT**
+        <DoNotTranslate>
+          **QUEUES_MAX_LIMIT**
+        </DoNotTranslate>
       </td>
 
       <td>
@@ -618,7 +675,7 @@ RabbitMQ統合は、Metrics（ <strong>M</strong> ）とInventory（ <strong>I</
 
 ### ラベル/カスタム属性 [#labels]
 
-環境変数は、次のような構成設定を制御するために使用できます。 <InlinePopover type="licenseKey"/>、そしてインフラストラクチャエージェントに渡されます。この機能の使用方法については、 [「インフラストラクチャ エージェントの構成」](/docs/infrastructure/new-relic-infrastructure/configuration/configure-infrastructure-agent#passthrough)を参照してください。ラベルを使用してメトリクスをさらに装飾することができます。ラベルを使用すると、キーと値のペアの属性をメトリクスに追加し、それを使用してメトリクスのクエリ、フィルタリング、またはグループ化を行うことができます。<br/> デフォルトのサンプル構成ファイルにはラベルの例が含まれていますが、これらは必須ではないため、選択したラベルを削除、変更、または新しいラベルに追加できます。
+環境変数は、 <InlinePopover type="licenseKey"/>などの構成設定を制御するために使用でき、その後、インフラストラクチャエージェントに渡されます。 この機能の使用方法については、 [「インフラストラクチャエージェントの構成」を](/docs/infrastructure/new-relic-infrastructure/configuration/configure-infrastructure-agent#passthrough)参照してください。 ラベルを使用してメトリクスをさらに装飾することができます。 ラベルを使用すると、メトリクスにキー値のペア属性を追加して、メトリクスのクエリ、フィルタリング、またはグループ化に使用できます。<br/> デフォルトのサンプル設定ファイルにはラベルの例が含まれていますが、必須ではないため、必要に応じてラベルを削除、変更、または追加することができます。
 
 ```
  labels:
@@ -1385,10 +1442,10 @@ RabbitMQ統合は、次のメトリックデータ属性を収集します。各
 
 ## 在庫データ [#inventory]
 
-統合により、RabbitMQ の構成パラメータが `/etc/rabbitmq/rabbitmq.conf` ファイルにキャプチャされます。インベントリ データは、 [RabbitMQ バージョン 3.7](http://www.rabbitmq.com/blog/2018/02/05/whats-new-in-rabbitmq-3-7/) 以降でのみキャプチャされます。 [インベントリ データは](/docs/infrastructure/integrations-getting-started/getting-started/understand-integration-data-data-types#inventory-data) 、インフラストラクチャ UI の [**Inventory** \[インベントリ\] ページ](/docs/infrastructure/new-relic-infrastructure/infrastructure-ui-pages/infrastructure-inventory-page-search-your-entire-infrastructure) の `config/rabbitmq` ソースの下に表示されます。
+インテグレーションは、 `/etc/rabbitmq/rabbitmq.conf`ファイルに RabbitMQ の設定ファイルをキャプチャします。 インベントリデータは[ RabbitMQ バージョン 3.7](http://www.rabbitmq.com/blog/2018/02/05/whats-new-in-rabbitmq-3-7/) [](/docs/infrastructure/integrations-getting-started/getting-started/understand-integration-data-data-types#inventory-data)[<DoNotTranslate>**Inventory**</DoNotTranslate>](/docs/infrastructure/new-relic-infrastructure/infrastructure-ui-pages/infrastructure-inventory-page-search-your-entire-infrastructure)以上でのみキャプチャされます。 インベントリデータは、 インフラストラクチャUI の ページ の`config/rabbitmq` ソースの下に表示されます。
 
 <Callout variant="caution">
-  `rabbit.conf` ファイルに入力した機密情報はインフラストラクチャ UI の **Inventory** \[インベントリ] ページに表示されることに注意してください。これには、AWS からの次のような項目が含まれます。
+  `rabbit.conf`ファイルに入力した機密情報は、インフラストラクチャ UI の<DoNotTranslate>**Inventory**</DoNotTranslate>ページに表示されることに注意してください。 これには、AWS からの次のような項目が含まれます。
 
   ```
   cluster_formation.aws.secret_key,
diff --git a/src/i18n/content/jp/docs/infrastructure/host-integrations/host-integrations-list/vmware-vsphere-monitoring-integration.mdx b/src/i18n/content/jp/docs/infrastructure/host-integrations/host-integrations-list/vmware-vsphere-monitoring-integration.mdx
index c03072e76a4..0fe71a0d33a 100644
--- a/src/i18n/content/jp/docs/infrastructure/host-integrations/host-integrations-list/vmware-vsphere-monitoring-integration.mdx
+++ b/src/i18n/content/jp/docs/infrastructure/host-integrations/host-integrations-list/vmware-vsphere-monitoring-integration.mdx
@@ -143,7 +143,7 @@ vSphereとの統合により、次のことが可能になります。
 
 vSphere統合を構成するには、vSphere APIエンドポイントのURL、およびvSphereのユーザー名とパスワードを定義する必要があります。構成例については、[サンプル構成ファイル](#example-config)を参照してください。一部のvSphere統合機能はオプションであり、構成設定を介して有効にできます。
 
-さらに、[シークレット管理](/docs/integrations/host-integrations/installation/secrets-management)を使用すると、New Relicのインフラストラクチャ監視エージェントとのオンホスト統合を構成して、統合の構成ファイルにプレーンテキストとして書き込むことなく機密データ（パスワードなど）を使用できます。
+さらに、[シークレット管理を](/docs/integrations/host-integrations/installation/secrets-management)使用すると、オンホストインテグレーションをNew Relicのインフラストラクチャエージェントで設定して、インテグレーションの設定ファイルにプレーンテキストとして書き込むことなく、機密データ (パスワードなど) を使用できるようになります。
 
 <CollapserGroup>
   <Collapser
diff --git a/src/i18n/content/jp/docs/infrastructure/host-integrations/infrastructure-integrations-sdk/specifications/host-integration-executable-file-json-specifications.mdx b/src/i18n/content/jp/docs/infrastructure/host-integrations/infrastructure-integrations-sdk/specifications/host-integration-executable-file-json-specifications.mdx
index c2bda43a48f..92236492f49 100644
--- a/src/i18n/content/jp/docs/infrastructure/host-integrations/infrastructure-integrations-sdk/specifications/host-integration-executable-file-json-specifications.mdx
+++ b/src/i18n/content/jp/docs/infrastructure/host-integrations/infrastructure-integrations-sdk/specifications/host-integration-executable-file-json-specifications.mdx
@@ -11,7 +11,7 @@ translationType: machine
 
 import infrastructureSdkDataStructure from 'images/infrastructure_diagram_sdk-data-structure.webp'
 
-New Relic [インフラストラクチャ エージェントのオンホスト統合は、](/docs/infrastructure/host-integrations/installation/install-infrastructure-host-integrations) 実行可能ファイルと少なくとも 1 つの構成ファイルの少なくとも 2 つのファイルで構成されます。実行可能ファイルは、インフラストラクチャ監視エージェントによって消費され、New Relic に送信される JSON データを生成します。JSON オブジェクトを SDK 統合プロトコルと呼びます。
+New Relic [インフラストラクチャは、](/docs/infrastructure/host-integrations/installation/install-infrastructure-host-integrations)実行可能ファイルと少なくとも 1 つの設定ファイルの 2 つのファイルで構成されます。 実行可能ファイルは、インフラストラクチャエージェントによって消費され、 New Relicに送信される JSON データを生成します。 JSON オブジェクトを SDK インテグレーション プロトコルと呼びます。
 
 ## 実行ファイルの要件 [#what-is]
 
@@ -23,19 +23,23 @@ New Relic [インフラストラクチャ エージェントのオンホスト
 
 実行ファイルの唯一の要件は、このドキュメントの [の仕様](#general-specs) を満たす JSON データを一行形式でエクスポートすることです。
 
-**推奨：** 統合機能の作成にはGoを使用してください。Goは、オンホスト統合機能や [統合機能構築ツール](/docs/integrations/integrations-sdk/getting-started/integrations-tutorials-build-resources) の作成に使用する言語です。しかし、どの言語でもインテグレーションを作成することができます。
+<DoNotTranslate>**Recommendation:**</DoNotTranslate> Go を使用してインテグレーションを作成します。これは、オンホストインテグレーションと[インテグレーション構築ツール](/docs/integrations/integrations-sdk/getting-started/integrations-tutorials-build-resources)を作成するために使用する言語です。 ただし、インテグレーションはどの言語でも作成できます。
 
 ## ファイルの配置
 
 実行ファイルはこのディレクトリに入ります。
 
-* **Linux：**
+* <DoNotTranslate>
+    **Linux:**
+  </DoNotTranslate>
 
   ```
   /var/db/newrelic-infra/custom-integrations
   ```
 
-* **ウィンドウズ：**
+* <DoNotTranslate>
+    **Windows:**
+  </DoNotTranslate>
 
   ```
   C:\Program Files\New Relic\newrelic-infra\newrelic-integrations
@@ -191,7 +195,7 @@ New Relic [インフラストラクチャ エージェントのオンホスト
   >
     データは JSON 形式で`stdout` (標準出力) に出力されます。エージェントは、 `stdout`および`stderr`ファイル記述子を行単位のバッファーとして扱います。
 
-    出力には、「きれいに印刷された」JSON ではなく、標準の JSON を使用します。**推奨事項:**オプションのコマンド ライン スイッチ ( `--pretty`など) を含めて、デバッグ目的で JSON を「きれいに印刷」します。
+    出力には、「きれいに印刷された」JSON ではなく、標準の JSON を使用します。 <DoNotTranslate>**Recommendation:**</DoNotTranslate>デバッグの目的で JSON を「きれいに印刷」するには、オプションのコマンドライン スイッチ (例: `--pretty` ) を含めます。
   </Collapser>
 
   <Collapser
@@ -209,9 +213,9 @@ New Relic [インフラストラクチャ エージェントのオンホスト
   >
     終了コードは、 `0`ステータス コードで終了し、プラットフォーム固有の規則に従う必要があります。例えば：
 
-    * **Linux：** `0 == EX_OK`
+    * <DoNotTranslate>**Linux:**</DoNotTranslate> `0 == EX_OK`
 
-    * **ウィンドウズ：** `0 == ERROR_SUCCESS`
+    * <DoNotTranslate>**Windows:**</DoNotTranslate> `0 == ERROR_SUCCESS`
 
       実行可能ファイルがゼロ以外のステータスで終了した場合、エージェントは`stdout`からのデータを破棄し、統合の名前、終了コード、および収集できる診断情報を含むメッセージをログ ファイルに書き込みます。
   </Collapser>
@@ -228,7 +232,7 @@ New Relic [インフラストラクチャ エージェントのオンホスト
 "data": [ <a href="#entity-json">{entities}</a>...]
 ```
 
-最小限のペイロードは、ヘッダー フィールドのみを含む JSON オブジェクトです。**推奨事項:**収集するデータがない場合は、プログラムの戻りコードを使用し、 `stderr`に書き込まれたログ メッセージを使用してください。
+最小限のペイロードは、ヘッダー フィールドのみを含む JSON オブジェクトになります。 <DoNotTranslate>**Recommendation:**</DoNotTranslate>収集するデータがない場合は、 `stderr`に書き込まれたプログラムの戻りコードとログメッセージを使用します。
 
 <table>
   <thead>
@@ -252,7 +256,7 @@ New Relic [インフラストラクチャ エージェントのオンホスト
       <td>
         必須。構成ファイルの`name`フィールドと同じでなければなりません。
 
-        **推奨：** リバースドメイン名を使用して、ユニークな統合名を生成します。
+        <DoNotTranslate>**Recommendation:**</DoNotTranslate> 逆ドメイン名を使用して一意のインテグレーション名を生成します。
       </td>
     </tr>
 
@@ -392,7 +396,7 @@ New Relic [インフラストラクチャ エージェントのオンホスト
       <td>
         必須項目です。エンティティの識別子/名称です。
 
-        **推奨：** リバースドメイン名を使用して、ユニークな統合名を生成します。
+        <DoNotTranslate>**Recommendation:**</DoNotTranslate> 逆ドメイン名を使用して一意のインテグレーション名を生成します。
       </td>
     </tr>
 
@@ -402,7 +406,7 @@ New Relic [インフラストラクチャ エージェントのオンホスト
       </td>
 
       <td>
-        必要。エンティティの種類。これは、インフラストラクチャ エージェントによって、 `name`と組み合わせて **一意の識別子** を構成する名前空間として使用されます。
+        必須。 エンティティの種類。 これは、インフラストラクチャエージェントによって、 `name`と組み合わせて<DoNotTranslate>**unique identifier**</DoNotTranslate>を構成するためのネームスペースとして使用されます。
       </td>
     </tr>
 
@@ -518,7 +522,7 @@ New Relic [インフラストラクチャ エージェントのオンホスト
             <td>
               必須。`event_type`は、メトリックが保存される場所を定義します。メトリックの各セットは、指定されたイベント タイプ内にサンプルとして保存されます。各統合では、データを独自のイベント タイプに保存する必要があります。同じ統合から複数のタイプのサンプルを生成する場合は、それぞれに異なるイベント タイプを使用します。
 
-              **推奨事項:**統合で使用されるイベント タイプが一意であることを確認するには、イベント タイプの前に会社名または頭字語を付けます。たとえば、カスタム統合が Cassandra ノード メトリックと Cassandra カラム ファミリー メトリックを異なるサンプルとしてキャプチャする場合、それらを`MyOrgCassandraSample`や`MyOrgCassandraColumnFamilySample`などの異なるイベント タイプに保存します。
+              <DoNotTranslate>**Recommendation:**</DoNotTranslate> インテグレーションで使用されるイベント タイプが一意であることを保証するには、イベント タイプの前に会社名または頭字語を付けます。 たとえば、カスタム インテグレーションで Cassandra ノード メトリクスと Cassandra 列ファミリ メトリクスを異なるサンプルとしてキャプチャする場合は、それらを`MyOrgCassandraSample`や`MyOrgCassandraColumnFamilySample`などの異なるイベント タイプに保存します。
 
               イベントタイプが存在しない場合は、New Relic がお客様のインテグレーションからデータを受信し、UI で利用できるようになった時点で自動的に作成されます。
             </td>
@@ -532,7 +536,7 @@ New Relic [インフラストラクチャ エージェントのオンホスト
             <td>
               必須です (少なくとも 1 つ)。名前 (キー) とその値を含むメトリック測定。インフラストラクチャ機能との互換性を最大限に高めるために、これらがエンティティ タイプの仕様に一般的に準拠していることを確認してください。
 
-              **推奨：** メトリクスにカテゴリーのプレフィックスを付けることで、New Relic UI でメトリクスをナビゲートする際に役立ちます。現在、New Relic の統合には
+              <DoNotTranslate>**Recommendation:**</DoNotTranslate> New Relic UIでメトリクス間を移動するときに役立つように、メトリクスの前にカテゴリを付けます。 New Relicインテグレーションは現在以下を使用しています:
 
               * `net`: 接続数、Web サーバー要求、ネットワーク経由で送信されたバイト数など。たとえば、 `net.connectionsActive`です。
 
@@ -558,12 +562,23 @@ New Relic [インフラストラクチャ エージェントのオンホスト
             </td>
 
             <td>
-              **推奨：** 次の例のように、元のメートル法の名称に含まれていない場合は、単位の接尾辞を使って測定単位を指定します。
+              <DoNotTranslate>**Recommendation:**</DoNotTranslate> 元のメトリックス名に測定単位が含まれていない場合は、次の例のように単位接尾辞を使用して測定単位を指定します。
 
               * パーセンテージ: `Percent`を使用します。例: `cpuUtilPercent` 。
+
               * 料金: `PerSecond`などの形式を使用します。秒は標準のレート測定ですが、 `PerMinute`や`PerDay`などの他の単位も使用できます。
-              * バイト単位: `Bytes`を使用します。**推奨事項:**指標が`Megabytes`などの別の単位で取得されている場合は、それを`Bytes`に変換してください。例: `db.allMemtablesOffHeapSizeBytes` 。
-              * 時間の測定: `Milliseconds`を使用します。**推奨事項:**指標が`Seconds`などの別の単位で取得されている場合は、それを`Milliseconds`に変換してください。例えば： `query.readLatency50thPercentileMilliseconds`
+
+              * バイト測定: `Bytes`を使用します。
+
+                <DoNotTranslate>**Recommendation:**</DoNotTranslate>
+
+                メトリックが`Megabytes`などの異なる単位で表現されている場合は、それを`Bytes`に変換します。 例: `db.allMemtablesOffHeapSizeBytes` 。
+
+              * 時間測定: `Milliseconds`を使用します。
+
+                <DoNotTranslate>**Recommendation:**</DoNotTranslate>
+
+                メトリックが`Seconds`などの異なる単位で表現されている場合は、それを`Milliseconds`に変換します。 例えば： `query.readLatency50thPercentileMilliseconds`
             </td>
           </tr>
 
@@ -591,7 +606,7 @@ New Relic [インフラストラクチャ エージェントのオンホスト
 
     * 新規テーブルの作成
 
-      このデータは、\[ [インフラストラクチャ**イベント**\] ページ](/docs/infrastructure/new-relic-infrastructure/infrastructure-ui-pages/infrastructure-events-page-live-feed-every-config-change)と \[ [インフラストラクチャ イベント ヒートマップ\]](/docs/infrastructure/new-relic-infrastructure/infrastructure-ui-pages/events-heatmap-examine-patterns-time-range)で表示できます。New Relic で`InfrastructureEvent`イベント タイプをクエリすることもできます。
+      このデータは、 [インフラストラクチャ<DoNotTranslate>**Events**</DoNotTranslate>ページ](/docs/infrastructure/new-relic-infrastructure/infrastructure-ui-pages/infrastructure-events-page-live-feed-every-config-change)と[インフラストラクチャ イベント ヒートマップ](/docs/infrastructure/new-relic-infrastructure/infrastructure-ui-pages/events-heatmap-examine-patterns-time-range)で表示できます。 New Relic で`InfrastructureEvent`イベント タイプをクエリすることもできます。
 
       ここでは、インテグレーションのイベントデータのJSONペイロードの例を示します。このペイロードは、 [ヘッダーのJSON](#exec-header) 、フィールドの定義に従います。
 
@@ -666,7 +681,7 @@ New Relic [インフラストラクチャ エージェントのオンホスト
 
     * その他のシステムメタデータ
 
-      このデータは、 [**インベントリ** ページ](/docs/infrastructure/new-relic-infrastructure/infrastructure-ui-pages/infrastructure-inventory-page-search-your-entire-infrastructure) および [インフラストラクチャイベントのヒートマップ](/docs/infrastructure/new-relic-infrastructure/infrastructure-ui-pages/events-heatmap-examine-patterns-time-range) で見ることができます。また、インベントリの変更に関連するデータを照会することもできます。
+      このデータは、 [<DoNotTranslate>**Inventory**</DoNotTranslate>ページ](/docs/infrastructure/new-relic-infrastructure/infrastructure-ui-pages/infrastructure-inventory-page-search-your-entire-infrastructure)と[インフラストラクチャ イベント ヒートマップ](/docs/infrastructure/new-relic-infrastructure/infrastructure-ui-pages/events-heatmap-examine-patterns-time-range)で表示できます。 在庫の変更に関連するデータをクエリすることもできます。
 
       `inventory`データ型は、以下を含む 1 つ以上の JSON サブオブジェクトのハッシュです:
 
@@ -676,7 +691,7 @@ New Relic [インフラストラクチャ エージェントのオンホスト
 
     * キーは文字列でなければなりません。
 
-    * 値は、スカラー型（文字列または数値） **または** キー/値の別のハッシュオブジェクトのいずれかです。New Relic は階層をサポートしていますが、最終的な値のノードはスカラーでなければなりません。
+    * 値はスカラー型 (文字列または数値) <DoNotTranslate>**or**</DoNotTranslate>またはキー値の別のハッシュ オブジェクトのいずれかになります。 New Relic は階層をサポートしていますが、最終的な値ノードはスカラーである必要があります。
 
       インテグレーションの在庫データのJSONの例です。
 
diff --git a/src/i18n/content/jp/docs/infrastructure/host-integrations/installation/secrets-management.mdx b/src/i18n/content/jp/docs/infrastructure/host-integrations/installation/secrets-management.mdx
index 1902f3bc06c..80a31d7f978 100644
--- a/src/i18n/content/jp/docs/infrastructure/host-integrations/installation/secrets-management.mdx
+++ b/src/i18n/content/jp/docs/infrastructure/host-integrations/installation/secrets-management.mdx
@@ -619,6 +619,12 @@ variables:
    PASSWORD: ${credentials.password}
 ```
 
+注: Microsoft SQL Server の場合、Windows 認証ユーザー ログインを使用する場合は、 `USERNAME`前にドメインを付ける必要があります。 例えば：
+
+```
+   USERNAME: <domain>\${credentials.user}
+```
+
 ## New Relic CLIの難読化 [#newrelic-cli-obfuscation]
 
 <Callout variant="important">
diff --git a/src/i18n/content/jp/docs/infrastructure/install-infrastructure-agent/config-management-tools/configure-infrastructure-agent-using-ansible.mdx b/src/i18n/content/jp/docs/infrastructure/install-infrastructure-agent/config-management-tools/configure-infrastructure-agent-using-ansible.mdx
index e4da9156cbe..b08f902d803 100644
--- a/src/i18n/content/jp/docs/infrastructure/install-infrastructure-agent/config-management-tools/configure-infrastructure-agent-using-ansible.mdx
+++ b/src/i18n/content/jp/docs/infrastructure/install-infrastructure-agent/config-management-tools/configure-infrastructure-agent-using-ansible.mdx
@@ -4,7 +4,7 @@ tags:
   - Infrastructure
   - Install the infrastructure agent
   - Config management tools
-metaDescription: How to install and configure New Relic's infrastructure monitoring agent using the Ansible configuration management system.
+metaDescription: How to install and configure New Relic's infrastructure agent using the Ansible configuration management system.
 freshnessValidatedDate: never
 translationType: machine
 ---
@@ -19,13 +19,13 @@ Ansibleを使ってインフラストラクチャエージェントを設定し
 
 ## サンプルコード [#role-description]
 
-New Relicでは、多くのOpsチームに共通するワークフローやツールを使用して、当社のインフラ監視エージェントをインストールするための構成管理サンプルコードを提供しています。これは基本的なAnsibleの役割であり、独自にカスタマイズしたワークフローを作成するための出発点として使用することを目的としています。
+New Relic 、多くの Ops チームで共通するワークフローとツールを使用してインフラストラクチャエージェントをインストールできるように、設定管理のサンプル コードを提供しています。 これは基本的な Ansible ロールであり、独自のカスタマイズされたワークフローを作成するための出発点として使用することを目的としています。
 
 構成は、特定のセットアップと標準によって異なります。Ansible サンプル ロールとその他の統合情報を表示するには、 [Ansible Galaxy ドキュメント を](https://galaxy.ansible.com/newrelic/newrelic_install)参照してください。
 
 ## 互換性と要件 [#role-compatibility]
 
-New Relic のインフラストラクチャ監視エージェントでの Ansible ロールには、 [サポートされているオペレーティング システムが](/docs/infrastructure/new-relic-infrastructure/getting-started/compatibility-requirements-new-relic-infrastructure#operating-systems)必要です。
+New Relicのインフラストラクチャエージェントを使用した Ansible ロールには、 [サポートされている OS](/docs/infrastructure/new-relic-infrastructure/getting-started/compatibility-requirements-new-relic-infrastructure#operating-systems)が必要です。
 
 Windows OS 用の Ansible に関するヘルプが必要な場合は、 [Ansible ドキュメント](https://docs.ansible.com/ansible/latest/)サイトの [「Windows ホストのセットアップ」 を参照してください。](https://docs.ansible.com/ansible/latest/os_guide/windows_setup.html)
 
diff --git a/src/i18n/content/jp/docs/infrastructure/install-infrastructure-agent/linux-installation/container-infrastructure-monitoring.mdx b/src/i18n/content/jp/docs/infrastructure/install-infrastructure-agent/linux-installation/container-infrastructure-monitoring.mdx
index 67cd9aed182..b8c55a43c97 100644
--- a/src/i18n/content/jp/docs/infrastructure/install-infrastructure-agent/linux-installation/container-infrastructure-monitoring.mdx
+++ b/src/i18n/content/jp/docs/infrastructure/install-infrastructure-agent/linux-installation/container-infrastructure-monitoring.mdx
@@ -1,5 +1,5 @@
 ---
-title: インフラ監視用コンテナ
+title: エージェントをコンテナとしてインストールする
 tags:
   - Infrastructure
   - Install the infrastructure agent
@@ -9,11 +9,11 @@ freshnessValidatedDate: never
 translationType: machine
 ---
 
-Linux 用のインフラストラクチャ監視エージェントは、デフォルトで [コンテナ環境をサポートします](/docs/infrastructure/install-infrastructure-agent/linux-installation/docker-instrumentation-infrastructure) 。コンテナ OS を実行している場合、またはエージェントをコンテナとして展開する必要がある制限がある場合は、インフラストラクチャ監視エージェントのコンテナ化されたバージョンを実行できます。これにより、コンテナ自体だけでなく、基盤となるホストのメトリクスも監視できます。
+Linux 用のインフラストラクチャエージェントは、デフォルトで[Container 環境をサポートします](/docs/infrastructure/install-infrastructure-agent/linux-installation/docker-instrumentation-infrastructure)。 コンテナ OS を実行している場合、またはエージェントをコンテナとしてデプロイする必要がある制限がある場合は、インフラストラクチャエージェントのコンテナ化されたバージョンを実行できます。 これにより、コンテナー自体だけでなく、基盤となるホストのメトリックも監視できます。
 
 [カスタム（推奨）](#custom-setup) または [基本セットアップ](#simple-setup) を使用すると、インフラストラクチャエージェントをコンテナ環境内で実行することができます。ホストは、コンテナ化されたエージェントであれ、コンテナ化されていないバージョンであれ、一度に1つのエージェントのインスタンスしか実行できません。
 
-Linux 用のインフラストラクチャ監視エージェントを試してみませんか?New Relic アカウントを無料で作成しましょう!クレジットカードは必要ありません。
+Linux 用のインフラストラクチャエージェントを試してみませんか? New Relic アカウントを無料で作成しましょう! クレジットカードは必要ありません。
 
 <InlineSignup/>
 
@@ -29,11 +29,11 @@ Linux 用のインフラストラクチャ監視エージェントを試して
 
 以下は、LinuxでカスタムDockerイメージを作成するための基本的な手順です。これにより、インフラストラクチャエージェントを、基盤となるホストを監視できるコンテナとして展開することができます。
 
-**推奨事項：** [`newrelic/infrastructure`イメージ](https://hub.docker.com/r/newrelic/infrastructure/)を拡張し、独自の`newrelic-infra.yml`エージェント[構成ファイル](/docs/infrastructure/new-relic-infrastructure/configuration/configure-infrastructure-agent)を使用します。イメージが構築されると、起動時間の構成を追加しなくても、コンテナーを簡単に起動できます。 Dockerで環境変数を使用してシークレットを提供しないでください。
+<DoNotTranslate>**Recommendation:**</DoNotTranslate> [`newrelic/infrastructure`イメージ](https://hub.docker.com/r/newrelic/infrastructure/)を拡張し、独自の`newrelic-infra.yml`エージェント[構成ファイル](/docs/infrastructure/new-relic-infrastructure/configuration/configure-infrastructure-agent)を使用します。 イメージがビルドされると、追加の設定を行うことなく、コンテナを簡単に起動できます。 dockerで環境変数を使用してシークレットを提供しないでください。
 
 ### Docker CLI
 
-1. New Relic で `newrelic-infra.yml` エージェント [構成ファイル](/docs/infrastructure/new-relic-infrastructure/configuration/configure-infrastructure-agent) を作成します <InlinePopover type="licenseKey"/>.構成オプションの説明については、 [構成設定 を](/docs/infrastructure/install-configure-infrastructure/configuration/infrastructure-configuration-settings)参照してください。
+1. New Relic <InlinePopover type="licenseKey"/>を使用して`newrelic-infra.yml`エージェント[構成ファイル](/docs/infrastructure/new-relic-infrastructure/configuration/configure-infrastructure-agent)を作成します。 設定オプションの説明については、 [構成設定を](/docs/infrastructure/install-configure-infrastructure/configuration/infrastructure-configuration-settings)参照してください。
 
    ```yml
    license_key: YOUR_LICENSE_KEY
@@ -84,7 +84,7 @@ Linux 用のインフラストラクチャ監視エージェントを試して
    cd ~/newrelic-infra-setup
    ```
 
-3. New Relic で `newrelic-infra.yml` エージェント [構成ファイル](/docs/infrastructure/new-relic-infrastructure/configuration/configure-infrastructure-agent) を作成します <InlinePopover type="licenseKey"/>.構成オプションの説明については、 [構成設定 を](/docs/infrastructure/install-configure-infrastructure/configuration/infrastructure-configuration-settings)参照してください。
+3. New Relic <InlinePopover type="licenseKey"/>を使用して`newrelic-infra.yml`エージェント[構成ファイル](/docs/infrastructure/new-relic-infrastructure/configuration/configure-infrastructure-agent)を作成します。 設定オプションの説明については、 [構成設定を](/docs/infrastructure/install-configure-infrastructure/configuration/infrastructure-configuration-settings)参照してください。
 
    ```bash
    echo "license_key: YOUR_LICENSE_KEY" > newrelic-infra.yml
@@ -316,15 +316,21 @@ Linux の名前空間を介してホストや他のコンテナからリソー
   <thead>
     <tr>
       <th style={{ width: "150px" }}>
-        **カテゴリー**
+        <DoNotTranslate>
+          **Category**
+        </DoNotTranslate>
       </th>
 
       <th style={{ width: "200px" }}>
-        **ソース**
+        <DoNotTranslate>
+          **Source**
+        </DoNotTranslate>
       </th>
 
       <th>
-        **使用して収集したデータ**
+        <DoNotTranslate>
+          **Data collected using**
+        </DoNotTranslate>
       </th>
     </tr>
   </thead>
diff --git a/src/i18n/content/jp/docs/infrastructure/install-infrastructure-agent/linux-installation/container-instrumentation-infrastructure-monitoring.mdx b/src/i18n/content/jp/docs/infrastructure/install-infrastructure-agent/linux-installation/container-instrumentation-infrastructure-monitoring.mdx
index 8984158b3b6..6ec77712aea 100644
--- a/src/i18n/content/jp/docs/infrastructure/install-infrastructure-agent/linux-installation/container-instrumentation-infrastructure-monitoring.mdx
+++ b/src/i18n/content/jp/docs/infrastructure/install-infrastructure-agent/linux-installation/container-instrumentation-infrastructure-monitoring.mdx
@@ -1,10 +1,10 @@
 ---
-title: インフラストラクチャ監視用のコンテナ計測器
+title: インフラストラクチャエージェントでコンテナを計画する
 tags:
   - Infrastructure
   - Install the infrastructure agent
   - Linux installation
-metaDescription: New Relic's infrastructure monitoring agent automatically instruments container runtimes to collect container metrics and metadata.
+metaDescription: New Relic's infrastructure agent automatically instruments container runtimes to collect container metrics and metadata.
 freshnessValidatedDate: never
 translationType: machine
 ---
@@ -31,9 +31,9 @@ New Relic のインフラストラクチャ エージェントの自動コンテ
 
 ## コンテナ監視を有効にする [#enable]
 
-[要件](#requirements) を満たし、適切なインフラストラクチャ監視エージェントがインストールされている場合、コンテナ監視を有効にするための追加手順はありません。コンテナー ランタイムが実行されている場合、データは自動的にレポートされます。
+[要件](#requirements)を満たし、適切なインフラストラクチャエージェントがインストールされている場合は、コンテナ監視を有効にするための追加の手順はありません。 コンテナ ランタイムが実行中の場合、データは自動的に報告されます。
 
-インフラストラクチャ監視エージェントを含むコンテナ イメージを使用することもできます。詳細については、 [「インフラストラクチャ監視用のコンテナ」を](/docs/infrastructure/install-infrastructure-agent/linux-installation/container-infrastructure-monitoring)参照してください。
+インフラストラクチャエージェントを含むコンテナ イメージを使用することもできます。 詳細については、 [インフラストラクチャのモニタリングのための Container](/docs/infrastructure/install-infrastructure-agent/linux-installation/container-infrastructure-monitoring)を参照してください。
 
 <InstallFeedback/>
 
diff --git a/src/i18n/content/jp/docs/infrastructure/install-infrastructure-agent/macos-installation/install-infrastructure-monitoring-agent-macos.mdx b/src/i18n/content/jp/docs/infrastructure/install-infrastructure-agent/macos-installation/install-infrastructure-monitoring-agent-macos.mdx
index 8e77a84892e..28117738a9e 100644
--- a/src/i18n/content/jp/docs/infrastructure/install-infrastructure-agent/macos-installation/install-infrastructure-monitoring-agent-macos.mdx
+++ b/src/i18n/content/jp/docs/infrastructure/install-infrastructure-agent/macos-installation/install-infrastructure-monitoring-agent-macos.mdx
@@ -1,21 +1,21 @@
 ---
-title: macOS向けInfrastructureモニタリングエージェントをインストールする
+title: macOS用のインフラストラクチャエージェントをインストールする
 tags:
   - Infrastructure
   - Install the infrastructure agent
   - macOS installation
-metaDescription: Install New Relic infrastructure monitoring agent for macOS using Homebrew.
+metaDescription: Install New Relic infrastructure agent for macOS using Homebrew.
 freshnessValidatedDate: never
 translationType: machine
 ---
 
-New RelicのmacOS用Infrastructureモニタリングエージェントを使用すると、macOSホストの主要なパフォーマンスメトリクスを監視できます。エージェントはお使いのハードウェア、またはAmazon EC2のようなクラウドシステムで実行できます。
+New Relicの macOS 用インフラストラクチャエージェントを使用すると、macOS ホスト上の主要なパフォーマンス メトリックを監視できます。 エージェントは、独自のハードウェア上または Amazon EC2 などのクラウド システムで実行できます。
 
-当社のInfrastructureモニタリングエージェントは、一般的に利用可能なすべてのApple対応のmacOSバージョンと[互換性があります](/docs/infrastructure/install-infrastructure-agent/get-started/requirements-infrastructure-agent)。
+当社のインフラストラクチャエージェントは、一般に利用可能なすべての Apple 対応 macOS バージョンと[互換性があります](/docs/infrastructure/install-infrastructure-agent/get-started/requirements-infrastructure-agent)。
 
 ## macOSのインストール [#install-macos]
 
-インストールする前に、[要件](/docs/infrastructure/new-relic-infrastructure/getting-started/compatibility-requirements-new-relic-infrastructure)を必ずご確認ください。macOS用Infrastructureモニタリングエージェントをインストールするには、[ガイド付きインストール](/docs/full-stack-observability/observe-everything/get-started/new-relic-guided-install-overview/)を使用するか、本ドキュメント内の説明に従って基本インストールを実行します。
+インストレーションの前に、 [要件](/docs/infrastructure/new-relic-infrastructure/getting-started/compatibility-requirements-new-relic-infrastructure)を確認する必要があります。 次に、macOS 用のインフラストラクチャエージェントをインストールするには、 [ガイド付き](/docs/full-stack-observability/observe-everything/get-started/new-relic-guided-install-overview/)インストールを使用するか、このドキュメントの手順に従って基本的なインストールを完了します。
 
 ## 制限 [#limitations]
 
@@ -27,7 +27,7 @@ macOSでは、Infrastructureエージェントの以下の機能はまだ利用
 
 ## ステップごとの説明 [#instructions]
 
-Infrastructureモニタリングエージェントをインストールするには、ステップごとの説明に従います。
+インフラストラクチャエージェントをインストールするには、次の手順に従います。
 
 1. [エージェント要件と対応オペレーティングシステム](/docs/infrastructure/new-relic-infrastructure/getting-started/compatibility-requirements-new-relic-infrastructure)をご確認ください。
 
@@ -55,7 +55,7 @@ Infrastructureモニタリングエージェントをインストールするに
      brew services start newrelic-infra-agent
    ```
 
-5. 設定ファイルを作成し、<InlinePopover type="licenseKey"/>を追加します：
+5. 設定ファイルを作成し、<InlinePopover type="licenseKey"/>を追加します。
 
    Intel x86：
 
@@ -85,4 +85,4 @@ Infrastructureモニタリングエージェントをインストールするに
 
 ## エージェントの更新 [#update]
 
-最新バージョンにアップグレードするには、標準的な手順に従って[Infrastructureモニタリングエージェントをアップデート](/docs/infrastructure/new-relic-infrastructure/installation/update-infrastructure-agent)してください。
\ No newline at end of file
+最新バージョンにアップグレードするには、標準の手順に従って[インフラストラクチャエージェントを更新します](/docs/infrastructure/new-relic-infrastructure/installation/update-infrastructure-agent)。
\ No newline at end of file
diff --git a/src/i18n/content/jp/docs/logs/logs-context/configure-logs-context-go.mdx b/src/i18n/content/jp/docs/logs/logs-context/configure-logs-context-go.mdx
index ac813ae9208..8ccb3dcc08d 100644
--- a/src/i18n/content/jp/docs/logs/logs-context/configure-logs-context-go.mdx
+++ b/src/i18n/content/jp/docs/logs/logs-context/configure-logs-context-go.mdx
@@ -369,6 +369,6 @@ New Relic にログを送信するようにエージェントを設定したら
 
 * [ログ UI](/docs/logs/log-management/ui-data/use-logs-ui/)を使用して、プラットフォーム全体のログ データを探索します。
 * [APM UI](/docs/logs/log-management/ui-data/use-logs-ui/#links) で、アプリケーションのパフォーマンスのコンテキストでログを確認できます。 [エラーのトラブルシューティング](/docs/apm/apm-ui-pages/error-analytics/errors-page-find-fix-verify-problems/) [分散型トレース](/docs/apm/distributed-tracing/ui-data/understand-use-distributed-tracing-data) 、スタックトレース、アプリケーションログなどを使用します。
-* [インフラストラクチャ監視エージェント](/docs/logs/enable-log-management-new-relic/enable-log-monitoring-new-relic/forward-your-logs-using-infrastructure-agent/) でログを転送することで、アプリケーションとプラットフォームの両方のパフォーマンスデータをより深く把握することができます。 [インフラストラクチャーのログ](/docs/logs/log-management/ui-data/use-logs-ui/#links) をUIで確認することができます。
+* ログをインフラ[ストラクチャエージェント](/docs/logs/enable-log-management-new-relic/enable-log-monitoring-new-relic/forward-your-logs-using-infrastructure-agent/)に転送することで、アプリケーションとシステム パフォーマンス データの両方をより深く把握できます。 UI で[インフラストラクチャ ログ](/docs/logs/log-management/ui-data/use-logs-ui/#links)を確認します。
 * [アラートを](/docs/alerts-applied-intelligence/new-relic-alerts/alert-conditions/create-alert-conditions/)設定します。
 * [データをクエリ](/docs/query-your-data/explore-query-data/get-started/introduction-querying-new-relic-data/)し、[ダッシュボードを作成します](/docs/query-your-data/explore-query-data/dashboards/introduction-dashboards/)。
\ No newline at end of file
diff --git a/src/i18n/content/jp/docs/logs/logs-context/configure-logs-context-nodejs.mdx b/src/i18n/content/jp/docs/logs/logs-context/configure-logs-context-nodejs.mdx
index edbca31b851..e8b241fd269 100644
--- a/src/i18n/content/jp/docs/logs/logs-context/configure-logs-context-nodejs.mdx
+++ b/src/i18n/content/jp/docs/logs/logs-context/configure-logs-context-nodejs.mdx
@@ -282,6 +282,6 @@ Node.js による<InlinePopover type="apm"/>アプリ監視のコンテキスト
 
 * [ログ UI](/docs/logs/log-management/ui-data/use-logs-ui/)を使用して、プラットフォーム全体のログ データを探索します。
 * [APM UI](/docs/logs/log-management/ui-data/use-logs-ui/#links) で、アプリケーションのパフォーマンスのコンテキストでログを確認できます。 [エラーのトラブルシューティング](/docs/apm/apm-ui-pages/error-analytics/errors-page-find-fix-verify-problems/) [分散型トレース](/docs/apm/distributed-tracing/ui-data/understand-use-distributed-tracing-data) 、スタックトレース、アプリケーションログなどを使用します。
-* [インフラストラクチャ監視エージェント](/docs/logs/enable-log-management-new-relic/enable-log-monitoring-new-relic/forward-your-logs-using-infrastructure-agent/) でログを転送することで、アプリケーションとプラットフォームの両方のパフォーマンスデータをより深く把握することができます。 [インフラストラクチャーのログ](/docs/logs/log-management/ui-data/use-logs-ui/#links) をUIで確認することができます。
+* ログをインフラ[ストラクチャエージェント](/docs/logs/enable-log-management-new-relic/enable-log-monitoring-new-relic/forward-your-logs-using-infrastructure-agent/)に転送することで、アプリケーションとシステム パフォーマンス データの両方をより深く把握できます。 UI で[インフラストラクチャ ログ](/docs/logs/log-management/ui-data/use-logs-ui/#links)を確認します。
 * [アラートを](/docs/alerts-applied-intelligence/new-relic-alerts/alert-conditions/create-alert-conditions/)設定します。
 * [データをクエリ](/docs/query-your-data/explore-query-data/get-started/introduction-querying-new-relic-data/)し、[ダッシュボードを作成します](/docs/query-your-data/explore-query-data/dashboards/introduction-dashboards/)。
\ No newline at end of file
diff --git a/src/i18n/content/jp/docs/logs/logs-context/configure-logs-context-python.mdx b/src/i18n/content/jp/docs/logs/logs-context/configure-logs-context-python.mdx
index cb00926b64d..27617ef90db 100644
--- a/src/i18n/content/jp/docs/logs/logs-context/configure-logs-context-python.mdx
+++ b/src/i18n/content/jp/docs/logs/logs-context/configure-logs-context-python.mdx
@@ -9,7 +9,7 @@ freshnessValidatedDate: never
 translationType: machine
 ---
 
-私たちのPythonで <InlinePopover type="apm"/>これにより、他の New Relic データのコンテキスト **で**アプリのログを確認できます。 この機能の一般的な情報については、 [コンテキスト内の APM ログ を](/docs/apm/new-relic-apm/getting-started/get-started-logs-context)参照してください。
+Python <InlinePopover type="apm"/>エージェントを使用すると、 <DoNotTranslate>**logs in context**</DoNotTranslate>を取得でき、他の New Relic データのコンテキストでアプリのログを表示できます。 この機能の一般的な情報については、 [「APM ログのコンテキスト」を](/docs/apm/new-relic-apm/getting-started/get-started-logs-context)参照してください。
 
 <Callout variant="tip">
   Python ログがたくさんありますか? [それらを最適化および管理する方法については、チュートリアル](/docs/tutorial-large-logs/get-started-managing-large-logs/)をご覧ください。
@@ -46,7 +46,9 @@ translationType: machine
 
     このオプションは、[エージェント バージョン 7.16.0.178](/docs/release-notes/agent-release-notes/python-release-notes/python-agent-71600178)からデフォルトでオンになっています。
 
-    **オプションの調整：**
+    <DoNotTranslate>
+      **Optional adjustments:**
+    </DoNotTranslate>
 
     これを有効にすると、1分ごとにNewRelicに送信されるログの最大数も制御できます。デフォルト値は10,000です。 60秒のウィンドウで10,000を超えるログが受信されると、ログのサンプリングが開始されます。
 
@@ -64,7 +66,7 @@ translationType: machine
     NEW_RELIC_APPLICATION_LOGGING_FORWARDING_MAX_SAMPLES_STORED=10000
     ```
 
-    既存のログ転送ソリューションがあり、コンテキストで自動ログを使用するようにエージェントを更新している場合は**、手動ログ転送を必ず無効にしてください**。それ以外の場合、アプリは二重のログ行を送信します。アカウントによっては、これにより二重請求が発生する可能性があります。詳細については、手順に従って[特定のログフォワーダー](/docs/logs/forward-logs/enable-log-management-new-relic#log-forwarding)を無効にしてください。
+    既存のログ転送ソリューションがあり、エージェントをコンテキストで自動ログを使用するように更新する場合は、<DoNotTranslate>**disable your manual log forwarder**</DoNotTranslate>にしてください。そうしないと、アプリは二重のログラインを送信します。アカウントによっては、二重請求になる場合があります。詳細については、手順に従い、[特定のログフォワーダー](/docs/logs/forward-logs/enable-log-management-new-relic#log-forwarding)を無効にしてください。
   </Collapser>
 
   <Collapser
@@ -118,7 +120,7 @@ translationType: machine
     id="3-old-formatter"
     title="オプション3：手動プロセスを使用して、ログを転送および装飾します。"
   >
-    手動インストール オプションを使用して、コンテキスト内のログを有効にすることもできます。 <InlinePopover type="apm"/>Python によって監視されるアプリ。
+    また、手動インストレーション オプションを使用して、Python による<InlinePopover type="apm"/>アプリ モニターのコンテキストでのログ記録を有効にすることもできます。
 
     1. [NewRelicでのロギングをすでに設定し](/docs/logs/enable-log-management-new-relic/enable-log-monitoring-new-relic/enable-log-management-new-relic/)ていることを確認してください。これには、アプリケーションログを収集し、NewRelicに転送されるメタデータを拡張するサポートされているログフォワーダーの構成が含まれます。
 
@@ -159,10 +161,10 @@ translationType: machine
 
 ## 次は何ですか？ [#what-next]
 
-設定後 <InlinePopover type="apm"/>状況に応じてログを記録し、ログ データを最大限に活用します。
+コンテキスト内で<InlinePopover type="apm"/>ログを設定したら、ロギング データを最大限に活用します。
 
 * [ログ UI](/docs/logs/log-management/ui-data/use-logs-ui/)を使用して、プラットフォーム全体のログ データを探索します。
 * [APM UI](/docs/logs/log-management/ui-data/use-logs-ui/#links) で、アプリケーションのパフォーマンスのコンテキストでログを確認できます。 [エラーのトラブルシューティング](/docs/apm/apm-ui-pages/error-analytics/errors-page-find-fix-verify-problems/) [分散型トレース](/docs/apm/distributed-tracing/ui-data/understand-use-distributed-tracing-data) 、スタックトレース、アプリケーションログなどを使用します。
-* [インフラストラクチャ監視エージェント](/docs/logs/enable-log-management-new-relic/enable-log-monitoring-new-relic/forward-your-logs-using-infrastructure-agent/) でログを転送することで、アプリケーションとプラットフォームの両方のパフォーマンスデータをより深く把握することができます。 [インフラストラクチャーのログ](/docs/logs/log-management/ui-data/use-logs-ui/#links) をUIで確認することができます。
+* ログをインフラ[ストラクチャエージェント](/docs/logs/enable-log-management-new-relic/enable-log-monitoring-new-relic/forward-your-logs-using-infrastructure-agent/)に転送することで、アプリケーションとシステム パフォーマンス データの両方をより深く把握できます。 UI で[インフラストラクチャ ログ](/docs/logs/log-management/ui-data/use-logs-ui/#links)を確認します。
 * [アラートを](/docs/alerts-applied-intelligence/new-relic-alerts/alert-conditions/create-alert-conditions/)設定します。
 * [データをクエリ](/docs/query-your-data/explore-query-data/get-started/introduction-querying-new-relic-data/)し、[ダッシュボードを作成します](/docs/query-your-data/explore-query-data/dashboards/introduction-dashboards/)。
\ No newline at end of file
diff --git a/src/i18n/content/jp/docs/new-relic-solutions/build-nr-ui/build-nr-app.mdx b/src/i18n/content/jp/docs/new-relic-solutions/build-nr-ui/build-nr-app.mdx
index 60f5e4ef145..84a3b08a8a1 100644
--- a/src/i18n/content/jp/docs/new-relic-solutions/build-nr-ui/build-nr-app.mdx
+++ b/src/i18n/content/jp/docs/new-relic-solutions/build-nr-ui/build-nr-app.mdx
@@ -13,13 +13,18 @@ import browserBrowserAnalyzerExample from 'images/new-relic-one-browser-analyzer
 
 New Relicには[、任意のソースからデータを取り込み、](/docs/data-apis/custom-data/intro-custom-data)カスタム[チャート](/docs/query-your-data/explore-query-data/query-builder/introduction-query-builder)や[ダッシュボード](/docs/query-your-data/explore-query-data/dashboards/introduction-dashboards)を作成するための多くのオプションがあります。ただし、これらのオプションを超えてNew Relicで独自のエクスペリエンスを作成したい場合は、プラットフォームでアプリを構築するために使用するのと同じツールにアクセスできます。
 
+<Video
+  id="inyshp3m7r"
+  type="wistia"
+/>
+
 New Relicアプリケーションは、次のようなReactJavaScriptアプリケーションです。
 
-* [New Relic プラットフォーム](/docs/new-relic-one/use-new-relic-one/get-started/introduction-new-relic-one)に常駐し、他のプラットフォームと並んで
+* 他の
 
   <InlinePopover type="dashboards"/>
 
-  とデータ。
+  やデータとともに、 [New Relic プラットフォーム](/docs/new-relic-one/use-new-relic-one/get-started/introduction-new-relic-one)上に存在します。
 
 * あなたの組織のためにカスタマイズされたビジュアライゼーションを提供します。
 
@@ -54,7 +59,7 @@ New Relicを使用すると、どんなに複雑であっても、データ主
 />
 
 <figcaption>
-  **[one.newrelic.com](https://one.newrelic.com/all-capabilities) :**New Relic 上に構築されたカスタム アプリケーションの例を次に示します。このアプリケーションは、当社から報告された PageView イベントを使用して、Web サイトの非常に詳細な分析を提供します。 <InlinePopover type="browser"/>。
+  <DoNotTranslate>**[one.newrelic.com](https://one.newrelic.com/all-capabilities):**</DoNotTranslate> 以下は、New Relic 上に構築されたカスタム アプリケーションの例です。 このアプリケーションは、 <InlinePopover type="browser"/>から報告された PageView イベントを使用して、Web サイトの詳細な分析を提供します。
 </figcaption>
 
 <Callout variant="tip">
diff --git a/src/i18n/content/jp/docs/new-relic-solutions/new-relic-one/install-configure/configure-new-relic-agents.mdx b/src/i18n/content/jp/docs/new-relic-solutions/new-relic-one/install-configure/configure-new-relic-agents.mdx
index 3cd0ae272b6..0bfd006c1f2 100644
--- a/src/i18n/content/jp/docs/new-relic-solutions/new-relic-one/install-configure/configure-new-relic-agents.mdx
+++ b/src/i18n/content/jp/docs/new-relic-solutions/new-relic-one/install-configure/configure-new-relic-agents.mdx
@@ -13,7 +13,7 @@ translationType: machine
 
 ## APMエージェントの設定 [#apm-config]
 
-に必要な唯一の設定 <InlinePopover type="apm"/>エージェントは、 [エージェントのインストール](/docs/agents/manage-apm-agents/installation/install-agent) 時に構成される [ライセンス キー](/docs/apis/intro-apis/new-relic-api-keys/#ingest-license-key)と [アプリ名](/docs/apm/new-relic-apm/installation-configuration/name-your-application)です。
+<InlinePopover type="apm"/>エージェントに必要な設定は[、ライセンスキー](/docs/apis/intro-apis/new-relic-api-keys/#ingest-license-key)と[アプリ名](/docs/apm/new-relic-apm/installation-configuration/name-your-application)のみです。これらは、[エージェントのインストール](/docs/agents/manage-apm-agents/installation/install-agent)時に構成されます。
 
 その他の設定オプションについては、以下を参照してください。
 
@@ -27,11 +27,11 @@ translationType: machine
 
 ## ブラウザエージェントの設定 [#browser-config]
 
-ドキュメントを参照してください。 [<InlinePopover type="browser"/>構成](/docs/browser/new-relic-browser/configuration)。
+[<InlinePopover type="browser"/>設定](/docs/browser/new-relic-browser/configuration)についてはドキュメントをご覧ください。
 
 ## インフラストラクチャエージェントの設定 [#infra-config]
 
-インフラストラクチャ監視エージェントに必要な唯一の設定は、 <InlinePopover type="licenseKey"/>. これは、 [エージェントのインストール](/docs/agents/manage-apm-agents/installation/install-agent)時に構成されます。 [追加の構成オプションを](/docs/infrastructure/new-relic-infrastructure/configuration/configure-infrastructure-agent) 使用して、インフラストラクチャを監視することもできます。
+インフラストラクチャエージェントに必要な設定は<InlinePopover type="licenseKey"/>のみです。 これは[エージェントをインストールする](/docs/agents/manage-apm-agents/installation/install-agent)ときに構成されます。 [追加の設定オプション](/docs/infrastructure/new-relic-infrastructure/configuration/configure-infrastructure-agent)を使用してインフラストラクチャを監視することもできます。
 
 ## モバイルエージェントの設定 [#mobile-config]
 
diff --git a/src/i18n/content/jp/docs/new-relic-solutions/tutorials/add-query-mutate-nerdstorage.mdx b/src/i18n/content/jp/docs/new-relic-solutions/tutorials/add-query-mutate-nerdstorage.mdx
new file mode 100644
index 00000000000..f6048667b06
--- /dev/null
+++ b/src/i18n/content/jp/docs/new-relic-solutions/tutorials/add-query-mutate-nerdstorage.mdx
@@ -0,0 +1,219 @@
+---
+title: NerdStorage を使用してデータを追加、クエリ、変更する
+description: NerdStorage は、New Relic 内でアクセス可能なドキュメント データベースです。 セッション間でドキュメントを変更、保存、取得することができます。
+freshnessValidatedDate: never
+translationType: machine
+---
+
+NerdStorage は、New Relic 内でアクセス可能なドキュメント データベースです。 セッション間でドキュメントを変更、保存、取得することができます。
+
+NerdStorage を使用すると、最大 64 KB の個別のドキュメントを作成したり、さまざまなドキュメント コレクションを作成したり、エンティティ、アカウント、またはユーザー レベルごとにデータを保存したりできます。
+
+このガイドでは、NerdStorage にデータとドキュメントを追加する方法について説明します。
+
+## あなたが始める前に [#begin]
+
+このガイドでは、API キーとNew Relic One CLI が必要です。
+
+## 始めましょう [#start]
+
+まず、NerdStorage アプリを New Relic 内で正常に実行します。
+
+<Steps>
+  <Step>
+    [GitHub リポジトリ](https://github.com/newrelic/nr1-how-to/tree/master/use-nerdstorage)からサンプルアプリケーションをクローンします。
+  </Step>
+
+  <Step>
+    New Relic One CLI を使用してアプリケーション UUID を更新し、アプリケーションをローカルで実行します。
+
+    1. ターミナルで、 `/nr1-how-to/use-nerdstorage`ディレクトリに切り替えます。
+
+    ```bash
+    cd /nr1-how-to/use-nerdstorage
+    ```
+
+    2. UUID を更新してアプリケーションを提供します。
+
+    ```bash
+    nr1 update
+    nr1 nerdpack:uuid -gf
+    nr1 nerdpack:serve
+    ```
+  </Step>
+
+  <Step>
+    アプリが正常に提供されると、ターミナルは[New Relic](https://one.newrelic.com/?nerdpacks=local)で実行中のアプリケーションを表示するための URL を返します。
+
+    URL を読み込みます。 **Apps** \[アプリ]をクリックすると、 **Your apps** \[あなたのアプリ]の下に**Use Nerdstorage** \[Nerdstorage を使用する]アプリがリストされます。 クリックしてアプリをリリースします。
+  </Step>
+</Steps>
+
+## NerdStorageにデータを追加する [#add-data]
+
+アプリが New Relic 上で起動したら、アプリを準備してデータの追加を開始できます。
+
+**How To Use NerdStorage** \[NerdStorage アプリの使用方法]画面には、データを追加するためのフィールドがある**Saved to NerdStorage** \[NerdStorage に保存]ペインがあります。 ただし、何かを入力するとエラーメッセージが表示されます。 これは、 `User`レベルでデータを保存するように設定する必要があるためです。 これは、 `UserStorageMutation`コンポーネントの助けを借りて実行できます。
+
+<Steps>
+  <Step>
+    任意のテキスト エディターでアプリケーションの`./nerdlets/use-nerdstorage-nerdlet/index.js`ファイルを開き、データの入力に使用される`TextField`と`Button`のコードを見つけます。 `Button onClick`プロパティは`_addToNerdStorage`と呼ばれるヘルパーメソッドを呼び出します。これを更新して、 `UserStorageMutation`
+
+    `UserStorage` NerdStorage コンポーネントには`collection`と`documentId`必要です。 アプリケーションの`index.js`ファイル内のコンストラクター メソッドでは、提供されている変数を確認できます。 `.js`ファイルでは、次のようになります。
+
+    ```jsx
+    constructor(props) {
+        super(props)
+        this.collectionId = 'mycollection';
+        this.documentId = 'learning-nerdstorage';
+        this.state = {
+            isOpen: true,
+            storage: [],
+            text: '',
+        };
+        this._addToNerdStorage = this._addToNerdStorage.bind(this);
+        this._removeFromNerdStorage = this._removeFromNerdStorage.bind(this);
+        this._deleteDocument = this._deleteDocument.bind(this);
+    }
+    ```
+  </Step>
+
+  <Step>
+    `index.js`ファイルの先頭にある`import`ステートメントに`UserStorageMutation`を追加してインポートします。
+
+    ```jsx
+    import { UserStorageMutation } from 'nr1';
+    ```
+
+    次に、 `_addToNerdStorage`で始まる次のコードでヘルパーを更新します。
+
+    ```jsx
+    _addToNerdStorage(){
+        const { text, storage } = this.state;
+        storage.push(text);
+        this.setState({storage}, () => {
+            UserStorageMutation.mutate({
+                actionType: UserStorageMutation.ACTION_TYPE.WRITE_DOCUMENT,
+                collection: this.collectionId,
+                documentId: this.documentId,
+                document: { storage },
+            })
+            .then((res) => {
+                this.setState({text: ''});
+                Toast.showToast({ title: "NerdStorage Update.", type: Toast.TYPE.NORMAL });
+            })
+            .catch((err) => console.log(err));
+        });
+    }
+    ```
+  </Step>
+
+  <Step>
+    1. New Relic で実行中の**How To Use NerdStorage** \[NerdStorage アプリの使用方法]画面に戻り、ページを再読み込みします。
+    2. テキスト入力フィールドにテキストを追加し、チェックボタンをクリックします。 これにより、NerdStorage が更新され、アプリ内で`Toast`通知がトリガーされます。 すると、入力したテキストがテキスト入力フィールドの下のテーブル行として表示されます。
+  </Step>
+</Steps>
+
+## NerdStorageからデータをクエリする [#query-data]
+
+上のセクションで説明したようにデータ ストレージが機能するようになったら、アプリが NerdStorage からデータを適切に読み取れるようにする必要があります。そうしないと、アプリ ページから移動して戻るたびに、アプリが空の状態で再読み込みされます。 これを行うには、 `UserStorageQuery`コンポーネントを追加し、 `componentDidMount`メソッドを更新します。
+
+<Steps>
+  <Step>
+    アプリケーションの`./nerdlets/use-nerdstorage-nerdlet/index.js`ファイル内のインポート ステートメントに`UserStorageQuery`を追加してインポートします。
+
+    ```jsx
+    import { UserStorageMutation, UserStorageQuery } from 'nr1';
+    ```
+  </Step>
+
+  <Step>
+    次に、次の`componentDidMount`メソッドをアプリケーションに追加します。
+
+    ```jsx
+    componentDidMount(){
+        UserStorageQuery.query({
+            collection: this.collectionId,
+            documentId: this.documentId,
+        })
+        .then(({ data }) => {
+            if(data !== null) {
+                this.setState({storage: data.storage});
+            }
+        })
+        .catch(err => console.log(err));
+    }
+    ```
+  </Step>
+
+  <Step>
+    NerdStorage アプリに戻り、テキスト入力フィールドを使用してさらにいくつかの行を追加して変更をテストします。 その後、アプリケーションを終了して再起動します。 アプリケーションは、移動する前に入力したすべてのデータを読み込み、表示します。
+  </Step>
+</Steps>
+
+## NerdStorageでデータを変更する [#mutate-data]
+
+アプリ内のテーブルに表示される各 NerdStorage エントリには、特定のエントリを更新するために使用できるゴミ箱ボタンがあります。 ゴミ箱ボタンは、 `_removeFromNerdStorage`ヘルパー メソッドを呼び出すことによって機能します。
+
+このプロセスを機能させるには、 `_removeFromNerdStorage`のコードを更新します。
+
+```jsx
+_removeFromNerdStorage(index, data){
+    const { storage } = this.state;
+    storage.pop(data);
+
+    this.setState({storage}, () => {
+        UserStorageMutation.mutate({
+            actionType: UserStorageMutation.ACTION_TYPE.WRITE_DOCUMENT,
+            collection: this.collectionId,
+            documentId: this.documentId,
+            document: { storage },
+        })
+        .then((res) => {
+            Toast.showToast({ title: "NerdStorage Update.", type: Toast.TYPE.NORMAL });
+        })
+        .catch((err) => console.log(err));
+    });
+}
+```
+
+これを実行すると、ゴミ箱ボタンをクリックすると、関連付けられているアイテムが削除され、アプリが更新されて変更が反映されます。
+
+## NerdStorageからコレクションを削除する [#delete]
+
+ゴミ箱ボタンは特定のエントリを 1 つずつ削除するのに適した方法ですが、NerdStorage ドキュメント全体を一度に削除する機能も必要な場合があります。 これを行うには、アプリに**Delete Document** \[ドキュメントの削除]ボタンを追加します。
+
+<Steps>
+  <Step>
+    アプリケーションの終了タグ`Grid`の直前に新しい`GridItem`を追加します。 新しい`GridItem`に次のコードを追加して、新しいボタンを表示します。
+
+    ```jsx
+    <Button
+      onClick={() => this._deleteDocument()}
+      type={Button.TYPE.DESTRUCTIVE}
+      sizeType={Button.SIZE_TYPE.SMALL}
+      iconType={Button.ICON_TYPE.INTERFACE__OPERATIONS__TRASH}
+    >
+      Delete Document
+    </Button>
+    ```
+  </Step>
+
+  <Step>
+    新しい**Delete Document** \[ドキュメントの削除]ボタンは`_deleteDocument`ヘルパー メソッドを呼び出すため、次のコードを使用してそれを更新する必要があります。
+
+    ```jsx
+    _deleteDocument(){
+        this.setState({storage: []});
+        UserStorageMutation.mutate({
+            actionType: UserStorageMutation.ACTION_TYPE.DELETE_DOCUMENT,
+            collection: this.collectionId,
+            documentId: this.documentId,
+        });
+        Toast.showToast({ title: "NerdStorage Update.", type: Toast.TYPE.CRITICAL });
+    }
+    ```
+  </Step>
+</Steps>
+
+アプリケーションに戻ると、個別のゴミ箱ボタンと新しく追加された**Delete Document** \[ドキュメントの削除]ボタンの両方が表示されます。
\ No newline at end of file
diff --git a/src/i18n/content/jp/docs/new-relic-solutions/tutorials/add-tables.mdx b/src/i18n/content/jp/docs/new-relic-solutions/tutorials/add-tables.mdx
new file mode 100644
index 00000000000..074a51154ae
--- /dev/null
+++ b/src/i18n/content/jp/docs/new-relic-solutions/tutorials/add-tables.mdx
@@ -0,0 +1,250 @@
+---
+title: New Relicアプリケーションにテーブルを追加する
+metaDescription: Add a table to your New Relic app.
+freshnessValidatedDate: never
+translationType: machine
+---
+
+テーブルは、New Relic アプリケーションでデータを表示する一般的な方法です。 たとえば、[クエリビルダーを](/docs/chart-builder/use-chart-builder/get-started/introduction-chart-builder)使用すると[、 NRQLクエリ](/docs/query-data/nrql-new-relic-query-language/getting-started/introduction-nrql)からテーブルを作成できます。
+
+テーブルをより細かく制御する必要がある場合でも、サードパーティのデータをインポートする場合でも、New Relic アプリケーションに独自のテーブルを構築できます。
+
+このガイドでは、さまざまな New Relic コンポーネントを使用してサンプル テーブルを構築します。
+
+<Video
+  id="28nnlbhrvg"
+  type="wistia"
+/>
+
+## あなたが始める前に [#begin]
+
+New Relic One CLI をまだインストールしていない場合は、 [New Relic のクイックスタート](https://one.newrelic.com/launcher/developer-center.launcher)を実行してください。 このプロセスにより、API キーも取得されます。
+
+さらに、このガイドの手順を完了するには、GitHub アカウントと、マシンにインストールされている Node.js が必要です。
+
+## サンプルアプリケーションのクローンを作成してセットアップする [#example]
+
+<Steps>
+  <Step>
+    GitHub から[nr1-how-to](https://github.com/newrelic/nr1-how-to)サンプル アプリケーションをローカル マシンにクローンします。 次に、アプリ ディレクトリに移動します。
+
+    サンプル アプリではテーブルを試すことができます。
+
+    ```sh lineNumbers=false copy=false
+    git clone https://github.com/newrelic/nr1-how-to.git
+    cd nr1-how-to/create-a-table/nerdlets/create-a-table-nerdlet
+    ```
+  </Step>
+
+  <Step>
+    `index.js`ファイルを編集し、例に示すように`this.accountId`を[アカウント ID](https://docs.newrelic.com/docs/accounts/install-new-relic/account-setup/account-id)に設定します。
+
+    ```js lineNumbers=false
+    export default class Nr1HowtoAddTimePicker extends React.Component {
+        constructor(props){
+            super(props)
+            this.accountId = YOUR_ACCOUNT_ID;
+        }
+        ...
+    }
+    ```
+  </Step>
+
+  <Step>
+    ## デモアプリケーションを実行する [#run-demo]
+
+    ディレクトリを`nr1-how-to/create-a-table`に戻します。 デモ アプリケーションをロードする前に、[ ](/build-tools/new-relic-one-applications/guide-to-authentication--data-access--and-permissions)New RelicOne CLI を呼び出して UNIQUEID を更新する 必要があります。
+
+    アプリに新しい UUID を割り当てたら、 デプロイメント をインストールし、デモ アプリをローカルで提供して、 browserで変更をライブでテストできるようにします。
+
+    ```bash
+    nr1 update
+    nr1 nerdpack:uuid -gf # Update the app unique ID
+    npm install           # Install dependencies
+    nr1 nerdpack:serve    # Serve the demo app locally
+    ```
+  </Step>
+
+  <Step>
+    [で ローカルのNew Relic ホームページ](https://one.newrelic.com/?nerdpacks=local) browserを開きます。**Apps** をクリックすると、 **Your apps**セクションに**Create a table** \[テーブルの作成]ランチャーが表示されます。 これが、これから作業するデモ アプリケーションです。 さあ、選択してください。
+
+    デモアプリをよく見てください。 左側に**Transaction Overview** \[トランザクションの概要]という名前の`TableChart`があり、その横に`AreaChart`があります。 2 行目に新しいテーブルを追加するには、 `Table`コンポーネントを使用します。
+  </Step>
+</Steps>
+
+## テーブルコンポーネントの操作 [#table-components]
+
+<Steps>
+  <Step>
+    `nerdlets/create-a-table-nerdlet`サブディレクトリに移動し、 `index.js`ファイルを開きます。
+
+    次のコンポーネントをファイルの先頭の import ステートメントに追加して、例のようにします。
+
+    * `Table`
+    * `TableHeader`
+    * `TableHeaderCell`
+    * `TableRow`
+    * `TableRowCell`
+
+    ```jsx lineNumbers=false
+    import {
+      Table,
+      TableHeader,
+      TableHeaderCell,
+      TableRow,
+      TableRowCell,
+      PlatformStateContext,
+      Grid,
+      GridItem,
+      HeadingText,
+      AreaChart,
+      TableChart,
+    } from 'nr1';
+    ```
+  </Step>
+
+  <Step>
+    ## 基本的なテーブルコンポーネントを追加する [#basic-table]
+
+    `index.js`内の空の`GridItem`を見つけます。ここからテーブルの構築を開始します。
+
+    最初の`<Table>`コンポーネントを追加します。 `items`プロパティは、サンプル値を含む`_getItems()`を呼び出してデータを収集します。
+
+    ```jsx lineNumbers=false
+    <GridItem className="primary-content-container" columnSpan={12}>
+      <Table items={this._getItems()}></Table>
+    </GridItem>
+    ```
+  </Step>
+
+  <Step>
+    ## ヘッダーと行を追加する [#add-header-rows]
+
+    `Table`コンポーネントは固定数のヘッダー セルと行をレンダリングするため、次の手順では、ヘッダー コンポーネントと、必要なテーブル行を返す関数を追加します。
+
+    `Table`コンポーネント内に、見出しごとに`TableHeader`を追加し、次に`TableHeaderCell`子を追加します。
+
+    必要な行数がわからないため、最善の方法は、関数を呼び出して、 `_getItems()`によって返される項目と同じ数の`TableRows`を構築することです。
+
+    ```jsx lineNumbers=false
+    <TableHeader>
+      <TableHeaderCell>Application</TableHeaderCell>
+      <TableHeaderCell>Size</TableHeaderCell>
+      <TableHeaderCell>Company</TableHeaderCell>
+      <TableHeaderCell>Team</TableHeaderCell>
+      <TableHeaderCell>Commit</TableHeaderCell>
+    </TableHeader>;
+    {
+      ({ item }) => (
+        <TableRow>
+          <TableRowCell>{item.name}</TableRowCell>
+          <TableRowCell>{item.value}</TableRowCell>
+          <TableRowCell>{item.company}</TableRowCell>
+          <TableRowCell>{item.team}</TableRowCell>
+          <TableRowCell>{item.commit}</TableRowCell>
+        </TableRow>
+      );
+    }
+    ```
+  </Step>
+
+  <Step>
+    New Reli で実行されているアプリケーションを見てみましょう。
+  </Step>
+
+  <Step>
+    ## 標準の表セルをスマートセルに置き換える [#replace-cells]
+
+    New Relic One ライブラリには、ユーザー、メトリックス、テンプレート名などの特定のデータ型を自動的にフォーマットできるセル コンポーネントが含まれています。
+
+    作成したテーブルには、これらのコンポーネント: **Application** \[アプリケーション](エンティティ名) と**Size** \[サイズ] (メトリック)) のメリットを活用できる列が含まれています。
+
+    `EntityTitleTableRowCell`と`MetricTableRowCell`を使用する前に、まずそれらを import ステートメントに追加する必要があります。
+
+    ```jsx lineNumbers=false copy=false
+    import {
+        EntityTitleTableRowCell,
+        MetricTableRowCell,
+        ... /* All previous components */
+    } from 'nr1';
+
+    ```
+  </Step>
+
+  <Step>
+    最初の `TableRowCell` と 2 番目のをテンプレート セルとメトリック セルに置き換えて、テーブル行を更新します。
+
+    `EntityTitleTableRowCell`は自己終了タグであることに注意してください。
+
+    ```jsx lineNumbers=false
+    {
+      ({ item }) => (
+        <TableRow>
+          <EntityTitleTableRowCell value={item} />
+          <MetricTableRowCell
+            type={MetricTableRowCell.TYPE.APDEX}
+            value={item.value}
+          />
+          <TableRowCell>{item.company}</TableRowCell>
+          <TableRowCell>{item.team}</TableRowCell>
+          <TableRowCell>{item.commit}</TableRowCell>
+        </TableRow>
+      );
+    }
+    ```
+  </Step>
+
+  <Step>
+    テーブルをもう一度見てみましょう。追加したセル コンポーネントによって、データが適切にフォーマットされます。
+  </Step>
+
+  <Step>
+    テーブルは素晴らしいですが、インタラクティブなテーブルはさらに優れたものになります。最後の更新として、ユーザーが各データ行に対して操作できるようにします。
+
+    `_getActions()`メソッドを`index.js`ファイルの`_getItems()`の直前に追加します。
+
+    コードから推測できるように、 `_getActions()` 、**Team** \[チーム セル]または**Commit** \[コミット]セルをクリックすると集計ボックスを生成します。
+
+    ```jsx lineNumbers=false
+    _getActions() {
+        return [
+            {
+                label: 'Alert Team',
+                iconType: TableRow.ACTIONS_ICON_TYPE.INTERFACE__OPERATIONS__ALERT,
+                onClick: (evt, { item, index }) => {
+                    alert(`Alert Team: ${item.team}`);
+                },
+            },
+            {
+                label: 'Rollback Version',
+                iconType: TableRow.ACTIONS_ICON_TYPE.INTERFACE__OPERATIONS__UNDO,
+                onClick: (evt, { item, index }) => {
+                    alert(`Rollback from: ${item.commit}`);
+                },
+            },
+        ];
+    }
+
+    ```
+  </Step>
+
+  <Step>
+    `return`ステートメントで`TableRow`コンポーネントを見つけて、 `actions`プロパティを`_getActions()`にポイントします。
+
+    `TableRow`アクション プロパティは、ユーザーがテーブル行にマウスを移動したときに表示される一連のアクションを定義します。 アクションには必須のテキストと`onClick`コールバックがありますが、必要に応じてアイコンを表示したり無効にしたりすることもできます。
+
+    ```jsx lineNumbers=false
+    <TableRow actions={this._getActions()}>
+    ```
+  </Step>
+
+  <Step>
+    アプリケーションに戻り、いずれかの行にマウスを移動してみてください。利用可能な 2 つのアクションが表示されることに注意してください。 クリックすると、選択した行データを引数として関数がトリガーされ、 browserに集計が表示されます。
+  </Step>
+</Steps>
+
+## 次のステップ [#next]
+
+コンポーネントを使用してデータを自動的にフォーマットし、コンテキストに応じたアクションを提供することで、New Relic アプリケーションにテーブルを構築しました。 よくやった！
+
+SDK ドキュメントで、 `Table`コンポーネント、そのプロパティ、および使用方法について詳しく確認してください。
\ No newline at end of file
diff --git a/src/i18n/content/jp/docs/new-relic-solutions/tutorials/add-visualization-dashboard.mdx b/src/i18n/content/jp/docs/new-relic-solutions/tutorials/add-visualization-dashboard.mdx
new file mode 100644
index 00000000000..f9aaf177542
--- /dev/null
+++ b/src/i18n/content/jp/docs/new-relic-solutions/tutorials/add-visualization-dashboard.mdx
@@ -0,0 +1,101 @@
+---
+title: ダッシュボードにカスタム視覚化を追加する
+metaDescription: Add your custom visualization to a New Relic dashboard
+freshnessValidatedDate: never
+translationType: machine
+---
+
+<Callout variant="tip">
+  このレッスンは、New Relic プラットフォームでカスタム視覚化を構築する方法を学習するコースの一部です。
+
+  コースの各レッスンは前回のレッスンに基づいて構築されるため、このレッスンを開始する前に、前回のレッスン「[設定による視覚化のカスタマイズ」](/docs/new-relic-solutions/tutorials/custom-visualization-config)を完了していることを確認してください。
+</Callout>
+
+前のレッスンでは、データの表現方法を選択できる設定オプションを視覚化に追加しました。 これは、以前のバージョンのコードとは異なります。チャートの種類は引き続き選択できますが、視覚化のインスタンスを作成する前にのみ選択できるようになりました。 しかし、視覚化のインスタンスを作成するとはどういう意味でしょうか? 視覚化を設定したら、どのように使用しますか?
+
+このレッスンでは、視覚化のインスタンスを作成し、そのインスタンスをダッシュボードに追加する方法を学びます。
+
+<Callout variant="tip">
+  前の手順で迷ってしまった場合、このレッスンを始めるためにファイルがどのようになっているかを確認したい場合は、Github の[コース プロジェクト](https://github.com/newrelic/nru-custom-visualization-course)を確認してください。
+</Callout>
+
+## ダッシュボードにカスタム視覚化を追加する [#add-dashboard]
+
+<Steps>
+  <Step>
+    Nerdpack のルートディレクトリから、視覚化を公開およびサブスクライブします。
+
+    ```sh
+    nr1 nerdpack:publish
+    nr1 nerdpack:subscribe
+    ```
+
+    <Callout variant="important">
+      Nerdpack を公開するには、Nerdpack の「変更」権限を持つフル ユーザーである必要があります (これはデフォルトで付与されます)。
+    </Callout>
+
+    次に、New Relic Apps オーバーレイで公開された視覚化を見つけます。
+  </Step>
+
+  <Step>
+    [New Relic ホームページ](https://one.newrelic.com)から、右上のナビゲーション バーにある**Apps** \[アプリ]ボタンを選択します。
+  </Step>
+
+  <Step>
+    **Apps** \[アプリ]ページで、 **Custom Visualizations** \[カスタム視覚化]ランチャーをクリックします。
+  </Step>
+
+  <Step>
+    **RadarOrTreemap**を選択します。
+  </Step>
+
+  <Step>
+    前のレッスンでは、グラフの種類を選択するために \[プラットフォーム設定] パネルを使用するように視覚化を変更しました。
+  </Step>
+
+  <Step>
+    **ダッシュボードに追加を**クリックします。 次に、使用可能なダッシュボードのリストからダッシュボードを選択するか、 **New dashboard** \[新しいダッシュボード]を選択します。
+
+    新しいダッシュボードを作成する場合は、アカウントと名前を選択します。
+
+    \[**ダッシュボードに追加] を**クリックします。
+  </Step>
+
+  <Step>
+    ダッシュボードに移動して、カスタム視覚化を確認します。
+
+    別のチャート タイプを使用して視覚化の別のバージョンを作成し、同じダッシュボードに追加できることに注意してください。 これが、これらを視覚化のインスタンスと呼ぶ理由です。
+  </Step>
+</Steps>
+
+## 視覚化を削除する [#delete]
+
+視覚化をダッシュボードに追加した後は、編集することはできません。 基礎となるクエリ、アカウント ID、チャートの種類、または以前に構成できたその他のオプションを変更することはできません。 したがって、視覚化に満足できない場合は、ダッシュボードから視覚化を削除し、このガイドの手順をもう一度実行して新しいインスタンスを追加してください。
+
+<Steps>
+  <Step>
+    視覚化の右上隅にある省略記号ボタンをクリックし、 **Delete** \[削除] をクリックします。
+  </Step>
+
+  <Step>
+    視覚化を削除することを確認します。
+  </Step>
+</Steps>
+
+## 概要 [#summary]
+
+これで、次の方法がわかりました。
+
+* New Relic One SDKを使用して新しいカスタム視覚化を作成する
+* SDKと設定オプションを使用して視覚化を構成する
+* ダッシュボードに視覚化を追加する
+
+カスタム視覚化の詳細については、次のリソースをご覧ください。
+
+* New Relic クイックヒントビデオ:[ダッシュボードとカスタム視覚化](https://www.youtube.com/watch?v=_F61mxtKfGA)(6 分)
+* New Relic NerdBytes ビデオ:[ダッシュボードのカスタム視覚化の構成](https://www.youtube.com/watch?v=sFpG_iG7Xa8)(7 分)
+* New Relic Changelog ライブ ストリーム: [New Relic でのカスタム データ視覚化](https://www.youtube.com/watch?v=HuR0EdHGz24)(30 分)
+
+<Callout variant="course">
+  このレッスンは、New Relic プラットフォームでカスタム視覚化を構築する方法を学習するコースの一部です。 最後までおめでとうございます！
+</Callout>
\ No newline at end of file
diff --git a/src/i18n/content/jp/docs/new-relic-solutions/tutorials/custom-visualization-config.mdx b/src/i18n/content/jp/docs/new-relic-solutions/tutorials/custom-visualization-config.mdx
new file mode 100644
index 00000000000..74b3a2d7a0e
--- /dev/null
+++ b/src/i18n/content/jp/docs/new-relic-solutions/tutorials/custom-visualization-config.mdx
@@ -0,0 +1,964 @@
+---
+title: 設定オプションで視覚化をカスタマイズする
+metaDescription: Customize your visualization using configuration
+freshnessValidatedDate: never
+translationType: machine
+---
+
+<Callout variant="tip">
+  このレッスンは、New Relic プラットフォームでカスタム視覚化を構築する方法を学習するコースの一部です。
+
+  コースの各レッスンは前回のレッスンに基づいて構築されるため、このレッスンを開始する前に、前回のレッスン「[カスタム視覚化と New Relic SDK](/docs/new-relic-solutions/tutorials/custom-visualization-sdk) 」を完了していることを確認してください。
+</Callout>
+
+## ここから始めましょう [#begin]
+
+前のレッスンでは、クエリされたデータを次の 2 つのグラフ タイプのいずれかで表示するカスタム視覚化を構築しました。
+
+* [`RadarChart`](https://recharts.org/en-US/api/RadarChart)
+* [`Treemap`](https://recharts.org/en-US/api/Treemap)
+
+視覚化 UI で 2 つのグラフ タイプを切り替えるために`SegmentedControl`を使用しました。 この実装は視覚化のスペースを占有しますが、チャートのインスタンスを作成した後でも、ユーザーは 2 つのチャート タイプを切り替えることができます。 しかし、視覚化を初期化するときにオプションを 1 回だけ選択できるようにする必要がある場合はどうでしょうか?
+
+このレッスンでは、 `SegmentedControl`を置き換える設定オプションを視覚化に追加する方法を学びます。
+
+<Callout variant="tip">
+  コード プロジェクトで迷ってしまったり、各レッスンを終えたときにファイルがどのようになっているかを確認したい場合は、Github の[コース プロジェクト](https://github.com/newrelic/nru-custom-visualization-course)を確認してください。
+</Callout>
+
+```js fileName=visualizations/radar-or-treemap/index.js
+import React from 'react';
+import PropTypes from 'prop-types';
+import {
+  Radar,
+  RadarChart,
+  PolarGrid,
+  PolarAngleAxis,
+  PolarRadiusAxis,
+  Treemap,
+} from 'recharts';
+import {
+  AutoSizer,
+  Card,
+  CardBody,
+  HeadingText,
+  NrqlQuery,
+  SegmentedControl,
+  SegmentedControlItem,
+  Spinner,
+} from 'nr1';
+
+const CHART_TYPES = {
+  Radar: 'radar',
+  Treemap: 'treemap',
+};
+
+export default class RadarOrTreemapVisualization extends React.Component {
+  // Custom props you wish to be configurable in the UI must also be defined in
+  // the nr1.json file for the visualization. See docs for more details.
+  static propTypes = {
+    /**
+     * A fill color to override the default fill color. This is an example of
+     * a custom chart configuration.
+     */
+    fill: PropTypes.string,
+
+    /**
+     * A stroke color to override the default stroke color. This is an example of
+     * a custom chart configuration.
+     */
+    stroke: PropTypes.string,
+    /**
+     * An array of objects consisting of a nrql `query` and `accountId`.
+     * This should be a standard prop for any NRQL based visualizations.
+     */
+    nrqlQueries: PropTypes.arrayOf(
+      PropTypes.shape({
+        accountId: PropTypes.number,
+        query: PropTypes.string,
+      })
+    ),
+  };
+
+  state = {
+    selectedChart: CHART_TYPES.Radar,
+  };
+
+  /**
+   * Restructure the data for a non-time-series, facet-based NRQL query into a
+   * form accepted by the Recharts library's RadarChart.
+   * (https://recharts.org/api/RadarChart).
+   */
+  transformData = (rawData) => {
+    return rawData.map((entry) => ({
+      name: entry.metadata.name,
+      // Only grabbing the first data value because this is not time-series data.
+      value: entry.data[0].y,
+    }));
+  };
+
+  /**
+   * Format the given axis tick's numeric value into a string for display.
+   */
+  formatTick = (value) => {
+    return value.toLocaleString();
+  };
+
+  updateSelectedChart = (evt, value) => {
+    this.setState({ selectedChart: value });
+  };
+
+  render() {
+    const { nrqlQueries, stroke, fill } = this.props;
+    const { selectedChart } = this.state;
+
+    const nrqlQueryPropsAvailable =
+      nrqlQueries &&
+      nrqlQueries[0] &&
+      nrqlQueries[0].accountId &&
+      nrqlQueries[0].query;
+
+    if (!nrqlQueryPropsAvailable) {
+      return <EmptyState />;
+    }
+
+    return (
+      <AutoSizer>
+        {({ width, height }) => (
+          <NrqlQuery
+            query={nrqlQueries[0].query}
+            accountId={parseInt(nrqlQueries[0].accountId)}
+            pollInterval={NrqlQuery.AUTO_POLL_INTERVAL}
+          >
+            {({ data, loading, error }) => {
+              if (loading) {
+                return <Spinner />;
+              }
+
+              if (error) {
+                return <ErrorState />;
+              }
+
+              const transformedData = this.transformData(data);
+
+              return (
+                <React.Fragment>
+                  <SegmentedControl onChange={this.updateSelectedChart}>
+                    <SegmentedControlItem
+                      value={CHART_TYPES.Radar}
+                      label="Radar chart"
+                    />
+                    <SegmentedControlItem
+                      value={CHART_TYPES.Treemap}
+                      label="Treemap chart"
+                    />
+                  </SegmentedControl>
+                  {selectedChart === CHART_TYPES.Radar ? (
+                    <RadarChart
+                      width={width}
+                      height={height}
+                      data={transformedData}
+                    >
+                      <PolarGrid />
+                      <PolarAngleAxis dataKey="name" />
+                      <PolarRadiusAxis tickFormatter={this.formatTick} />
+                      <Radar
+                        dataKey="value"
+                        stroke={stroke || '#51C9B7'}
+                        fill={fill || '#51C9B7'}
+                        fillOpacity={0.6}
+                      />
+                    </RadarChart>
+                  ) : (
+                    <Treemap
+                      width={width}
+                      height={height}
+                      data={transformedData}
+                      dataKey="value"
+                      ratio={4 / 3}
+                      stroke={stroke || '#000000'}
+                      fill={fill || '#51C9B7'}
+                    />
+                  )}
+                </React.Fragment>
+              );
+            }}
+          </NrqlQuery>
+        )}
+      </AutoSizer>
+    );
+  }
+}
+
+const EmptyState = () => (
+  <Card className="EmptyState">
+    <CardBody className="EmptyState-cardBody">
+      <HeadingText
+        spacingType={[HeadingText.SPACING_TYPE.LARGE]}
+        type={HeadingText.TYPE.HEADING_3}
+      >
+        Please provide at least one NRQL query & account ID pair
+      </HeadingText>
+      <HeadingText
+        spacingType={[HeadingText.SPACING_TYPE.MEDIUM]}
+        type={HeadingText.TYPE.HEADING_4}
+      >
+        An example NRQL query you can try is:
+      </HeadingText>
+      <code>FROM NrUsage SELECT sum(usage) FACET metric SINCE 1 week ago</code>
+    </CardBody>
+  </Card>
+);
+
+const ErrorState = () => (
+  <Card className="ErrorState">
+    <CardBody className="ErrorState-cardBody">
+      <HeadingText
+        className="ErrorState-headingText"
+        spacingType={[HeadingText.SPACING_TYPE.LARGE]}
+        type={HeadingText.TYPE.HEADING_3}
+      >
+        Oops! Something went wrong.
+      </HeadingText>
+    </CardBody>
+  </Card>
+);
+```
+
+```js fileName=visualizations/radar-or-treemap/nr1.json
+{
+  "schemaType": "VISUALIZATION",
+  "id": "radar-or-treemap",
+  "displayName": "RadarOrTreemap",
+  "description": "",
+  "configuration": [
+    {
+      "name": "nrqlQueries",
+      "title": "NRQL Queries",
+      "type": "collection",
+      "items": [
+        {
+          "name": "accountId",
+          "title": "Account ID",
+          "description": "Account ID to be associated with the query",
+          "type": "account-id"
+        },
+        {
+          "name": "query",
+          "title": "Query",
+          "description": "NRQL query for visualization",
+          "type": "nrql"
+        }
+      ]
+    },
+    {
+      "name": "fill",
+      "title": "Fill color",
+      "description": "A fill color to override the default fill color",
+      "type": "string"
+    },
+    {
+      "name": "stroke",
+      "title": "Stroke color",
+      "description": "A stroke color to override the default stroke color",
+      "type": "string"
+    }
+  ]
+}
+```
+
+## 新しい設定オプションを追加する [#new-config]
+
+<Steps>
+  <Step>
+    視覚化の_nr1.json_ファイルに、 `selectedChart`の`enum`設定 オブジェクトを追加します。
+
+    ```js fileName=visualizations/radar-or-treemap/nr1.json
+    {
+      "schemaType": "VISUALIZATION",
+      "id": "radar-or-treemap",
+      "displayName": "RadarOrTreemap",
+      "description": "",
+      "configuration": [
+        {
+          "name": "selectedChart",
+          "title": "Select chart",
+          "description": "Select which chart to display",
+          "type": "enum",
+          "items": [
+            {
+              "title": "Radar",
+              "value": "radar"
+            },
+            {
+              "title": "Treemap",
+              "value": "treemap"
+            }
+          ]
+        },
+        {
+          "name": "nrqlQueries",
+          "title": "NRQL Queries",
+          "type": "collection",
+          "items": [
+            {
+              "name": "accountId",
+              "title": "Account ID",
+              "description": "Account ID to be associated with the query",
+              "type": "account-id"
+            },
+            {
+              "name": "query",
+              "title": "Query",
+              "description": "NRQL query for visualization",
+              "type": "nrql"
+            }
+          ]
+        },
+        {
+          "name": "fill",
+          "title": "Fill color",
+          "description": "A fill color to override the default fill color",
+          "type": "string"
+        },
+        {
+          "name": "stroke",
+          "title": "Stroke color",
+          "description": "A stroke color to override the default stroke color",
+          "type": "string"
+        }
+      ]
+    }
+    ```
+  </Step>
+
+  <Step>
+    _alternate-viz_にある Nerdpack のルートに移動します。
+  </Step>
+
+  <Step>
+    [Nerdpack をローカルで提供](/build-apps/publish-deploy/serve/):
+
+    ```bash
+    nr1 nerdpack:serve
+    ```
+
+    前回のレッスンで作成した Nerdpack をまだ提供している場合は、 `CTRL-X`で停止し、再度提供して_nr1.json_への変更を反映する必要があります。
+  </Step>
+
+  <Step>
+    [https://one.newrelic.com/?nerdpacks=local](https://one.newrelic.com/?nerdpacks=local)にアクセスしてください。 `nerdpacks=local`クエリ文字列は、UI にローカル サーバーから視覚化を読み込むように指示します。
+  </Step>
+
+  <Step>
+    **Apps** \[アプリ]ページを開きます。
+  </Step>
+
+  <Step>
+    **Custom Visualizations** \[カスタム視覚化]に移動します。
+  </Step>
+
+  <Step>
+    **Custom Visualizations** \[カスタム視覚化]で、視覚化を見つけてクリックします。
+  </Step>
+
+  <Step>
+    新しい**Select chart** \[チャート設定の選択]オプションに注目してください。
+
+    グラフの種類を選択しても視覚化には影響しません。 これは、まず視覚化コンポーネントに`selectedChart`プロパティを導入する必要があるためです。 次に、 `selectedChart`を使用してレンダリングするグラフの種類を決定します。
+  </Step>
+</Steps>
+
+## `SegmentedControl`を構成可能なプロパティに置き換えます [#replace]
+
+<Steps>
+  <Step>
+    視覚化の_index.js_ファイルを開きます。 ガイドの残りの部分はここで作業します。
+  </Step>
+
+  <Step>
+    `render()`では、 `props`を分解して取得した定数として`selectedChart`を含め、コンポーネントの`state`を削除します。
+
+    ```js fileName=visualizations/radar-or-treemap/index.js
+    import React from 'react';
+    import PropTypes from 'prop-types';
+    import {
+      Radar,
+      RadarChart,
+      PolarGrid,
+      PolarAngleAxis,
+      PolarRadiusAxis,
+      Treemap,
+    } from 'recharts';
+    import {
+      AutoSizer,
+      Card,
+      CardBody,
+      HeadingText,
+      NrqlQuery,
+      SegmentedControl,
+      SegmentedControlItem,
+      Spinner,
+    } from 'nr1';
+
+    const CHART_TYPES = {
+      Radar: 'radar',
+      Treemap: 'treemap',
+    };
+
+    export default class RadarOrTreemapVisualization extends React.Component {
+      // Custom props you wish to be configurable in the UI must also be defined in
+      // the nr1.json file for the visualization. See docs for more details.
+      static propTypes = {
+        /**
+         * A fill color to override the default fill color. This is an example of
+         * a custom chart configuration.
+         */
+        fill: PropTypes.string,
+
+        /**
+         * A stroke color to override the default stroke color. This is an example of
+         * a custom chart configuration.
+         */
+        stroke: PropTypes.string,
+        /**
+         * An array of objects consisting of a nrql `query` and `accountId`.
+         * This should be a standard prop for any NRQL based visualizations.
+         */
+        nrqlQueries: PropTypes.arrayOf(
+          PropTypes.shape({
+            accountId: PropTypes.number,
+            query: PropTypes.string,
+          })
+        ),
+      };
+
+      /**
+       * Restructure the data for a non-time-series, facet-based NRQL query into a
+       * form accepted by the Recharts library's RadarChart.
+       * (https://recharts.org/api/RadarChart).
+       */
+      transformData = (rawData) => {
+        return rawData.map((entry) => ({
+          name: entry.metadata.name,
+          // Only grabbing the first data value because this is not time-series data.
+          value: entry.data[0].y,
+        }));
+      };
+
+      /**
+       * Format the given axis tick's numeric value into a string for display.
+       */
+      formatTick = (value) => {
+        return value.toLocaleString();
+      };
+
+      render() {
+        const { nrqlQueries, stroke, fill, selectedChart } = this.props;
+
+        const nrqlQueryPropsAvailable =
+          nrqlQueries &&
+          nrqlQueries[0] &&
+          nrqlQueries[0].accountId &&
+          nrqlQueries[0].query;
+
+        if (!nrqlQueryPropsAvailable) {
+          return <EmptyState />;
+        }
+
+        return (
+          <AutoSizer>
+            {({ width, height }) => (
+              <NrqlQuery
+                query={nrqlQueries[0].query}
+                accountId={parseInt(nrqlQueries[0].accountId)}
+                pollInterval={NrqlQuery.AUTO_POLL_INTERVAL}
+              >
+                {({ data, loading, error }) => {
+                  if (loading) {
+                    return <Spinner />;
+                  }
+
+                  if (error) {
+                    return <ErrorState />;
+                  }
+
+                  const transformedData = this.transformData(data);
+
+                  return (
+                    <React.Fragment>
+                      <SegmentedControl>
+                        <SegmentedControlItem
+                          value={CHART_TYPES.Radar}
+                          label="Radar chart"
+                        />
+                        <SegmentedControlItem
+                          value={CHART_TYPES.Treemap}
+                          label="Treemap chart"
+                        />
+                      </SegmentedControl>
+                      {selectedChart === CHART_TYPES.Radar ? (
+                        <RadarChart
+                          width={width}
+                          height={height}
+                          data={transformedData}
+                        >
+                          <PolarGrid />
+                          <PolarAngleAxis dataKey="name" />
+                          <PolarRadiusAxis tickFormatter={this.formatTick} />
+                          <Radar
+                            dataKey="value"
+                            stroke={stroke || '#51C9B7'}
+                            fill={fill || '#51C9B7'}
+                            fillOpacity={0.6}
+                          />
+                        </RadarChart>
+                      ) : (
+                        <Treemap
+                          width={width}
+                          height={height}
+                          data={transformedData}
+                          dataKey="value"
+                          ratio={4 / 3}
+                          stroke={stroke || '#000000'}
+                          fill={fill || '#51C9B7'}
+                        />
+                      )}
+                    </React.Fragment>
+                  );
+                }}
+              </NrqlQuery>
+            )}
+          </AutoSizer>
+        );
+      }
+    }
+
+    const EmptyState = () => (
+      <Card className="EmptyState">
+        <CardBody className="EmptyState-cardBody">
+          <HeadingText
+            spacingType={[HeadingText.SPACING_TYPE.LARGE]}
+            type={HeadingText.TYPE.HEADING_3}
+          >
+            Please provide at least one NRQL query & account ID pair
+          </HeadingText>
+          <HeadingText
+            spacingType={[HeadingText.SPACING_TYPE.MEDIUM]}
+            type={HeadingText.TYPE.HEADING_4}
+          >
+            An example NRQL query you can try is:
+          </HeadingText>
+          <code>FROM NrUsage SELECT sum(usage) FACET metric SINCE 1 week ago</code>
+        </CardBody>
+      </Card>
+    );
+
+    const ErrorState = () => (
+      <Card className="ErrorState">
+        <CardBody className="ErrorState-cardBody">
+          <HeadingText
+            className="ErrorState-headingText"
+            spacingType={[HeadingText.SPACING_TYPE.LARGE]}
+            type={HeadingText.TYPE.HEADING_3}
+          >
+            Oops! Something went wrong.
+          </HeadingText>
+        </CardBody>
+      </Card>
+    );
+    ```
+
+    コンポーネント`state`の代わりに設定オプションの`selectedChart`を使用しているので、設定パネルでグラフを選択し、視覚化の変化を確認できます。 残念ながらバグがあります。 デフォルトのチャート オプションは**Radar** \[レーダー]ですが、初期レンダリングではツリーマップが表示されます。
+  </Step>
+
+  <Step>
+    `selectedChart`がない場合を考慮して三項式を更新します。
+
+    ```js fileName=visualizations/radar-or-treemap/index.js
+    import React from 'react';
+    import PropTypes from 'prop-types';
+    import {
+      Radar,
+      RadarChart,
+      PolarGrid,
+      PolarAngleAxis,
+      PolarRadiusAxis,
+      Treemap,
+    } from 'recharts';
+    import {
+      AutoSizer,
+      Card,
+      CardBody,
+      HeadingText,
+      NrqlQuery,
+      SegmentedControl,
+      SegmentedControlItem,
+      Spinner,
+    } from 'nr1';
+
+    const CHART_TYPES = {
+      Radar: 'radar',
+      Treemap: 'treemap',
+    };
+
+    export default class RadarOrTreemapVisualization extends React.Component {
+      // Custom props you wish to be configurable in the UI must also be defined in
+      // the nr1.json file for the visualization. See docs for more details.
+      static propTypes = {
+        /**
+         * A fill color to override the default fill color. This is an example of
+         * a custom chart configuration.
+         */
+        fill: PropTypes.string,
+
+        /**
+         * A stroke color to override the default stroke color. This is an example of
+         * a custom chart configuration.
+         */
+        stroke: PropTypes.string,
+        /**
+         * An array of objects consisting of a nrql `query` and `accountId`.
+         * This should be a standard prop for any NRQL based visualizations.
+         */
+        nrqlQueries: PropTypes.arrayOf(
+          PropTypes.shape({
+            accountId: PropTypes.number,
+            query: PropTypes.string,
+          })
+        ),
+      };
+
+      /**
+       * Restructure the data for a non-time-series, facet-based NRQL query into a
+       * form accepted by the Recharts library's RadarChart.
+       * (https://recharts.org/api/RadarChart).
+       */
+      transformData = (rawData) => {
+        return rawData.map((entry) => ({
+          name: entry.metadata.name,
+          // Only grabbing the first data value because this is not time-series data.
+          value: entry.data[0].y,
+        }));
+      };
+
+      /**
+       * Format the given axis tick's numeric value into a string for display.
+       */
+      formatTick = (value) => {
+        return value.toLocaleString();
+      };
+
+      render() {
+        const { nrqlQueries, stroke, fill, selectedChart } = this.props;
+
+        const nrqlQueryPropsAvailable =
+          nrqlQueries &&
+          nrqlQueries[0] &&
+          nrqlQueries[0].accountId &&
+          nrqlQueries[0].query;
+
+        if (!nrqlQueryPropsAvailable) {
+          return <EmptyState />;
+        }
+
+        return (
+          <AutoSizer>
+            {({ width, height }) => (
+              <NrqlQuery
+                query={nrqlQueries[0].query}
+                accountId={parseInt(nrqlQueries[0].accountId)}
+                pollInterval={NrqlQuery.AUTO_POLL_INTERVAL}
+              >
+                {({ data, loading, error }) => {
+                  if (loading) {
+                    return <Spinner />;
+                  }
+
+                  if (error) {
+                    return <ErrorState />;
+                  }
+
+                  const transformedData = this.transformData(data);
+
+                  return (
+                    <React.Fragment>
+                      <SegmentedControl>
+                        <SegmentedControlItem
+                          value={CHART_TYPES.Radar}
+                          label="Radar chart"
+                        />
+                        <SegmentedControlItem
+                          value={CHART_TYPES.Treemap}
+                          label="Treemap chart"
+                        />
+                      </SegmentedControl>
+                      {!selectedChart || selectedChart === CHART_TYPES.Radar ? (
+                        <RadarChart
+                          width={width}
+                          height={height}
+                          data={transformedData}
+                        >
+                          <PolarGrid />
+                          <PolarAngleAxis dataKey="name" />
+                          <PolarRadiusAxis tickFormatter={this.formatTick} />
+                          <Radar
+                            dataKey="value"
+                            stroke={stroke || '#51C9B7'}
+                            fill={fill || '#51C9B7'}
+                            fillOpacity={0.6}
+                          />
+                        </RadarChart>
+                      ) : (
+                        <Treemap
+                          width={width}
+                          height={height}
+                          data={transformedData}
+                          dataKey="value"
+                          ratio={4 / 3}
+                          stroke={stroke || '#000000'}
+                          fill={fill || '#51C9B7'}
+                        />
+                      )}
+                    </React.Fragment>
+                  );
+                }}
+              </NrqlQuery>
+            )}
+          </AutoSizer>
+        );
+      }
+    }
+
+    const EmptyState = () => (
+      <Card className="EmptyState">
+        <CardBody className="EmptyState-cardBody">
+          <HeadingText
+            spacingType={[HeadingText.SPACING_TYPE.LARGE]}
+            type={HeadingText.TYPE.HEADING_3}
+          >
+            Please provide at least one NRQL query & account ID pair
+          </HeadingText>
+          <HeadingText
+            spacingType={[HeadingText.SPACING_TYPE.MEDIUM]}
+            type={HeadingText.TYPE.HEADING_4}
+          >
+            An example NRQL query you can try is:
+          </HeadingText>
+          <code>FROM NrUsage SELECT sum(usage) FACET metric SINCE 1 week ago</code>
+        </CardBody>
+      </Card>
+    );
+
+    const ErrorState = () => (
+      <Card className="ErrorState">
+        <CardBody className="ErrorState-cardBody">
+          <HeadingText
+            className="ErrorState-headingText"
+            spacingType={[HeadingText.SPACING_TYPE.LARGE]}
+            type={HeadingText.TYPE.HEADING_3}
+          >
+            Oops! Something went wrong.
+          </HeadingText>
+        </CardBody>
+      </Card>
+    );
+    ```
+
+    オプションをまだ設定していない場合、データは`RadarChart`でレンダリングされます。
+  </Step>
+
+  <Step>
+    `render()`から`SegmentedControl`を削除します:
+
+    ```js fileName=visualizations/radar-or-treemap/index.js
+    import React from 'react';
+    import PropTypes from 'prop-types';
+    import {
+      Radar,
+      RadarChart,
+      PolarGrid,
+      PolarAngleAxis,
+      PolarRadiusAxis,
+      Treemap,
+    } from 'recharts';
+    import {
+      AutoSizer,
+      Card,
+      CardBody,
+      HeadingText,
+      NrqlQuery,
+      Spinner,
+    } from 'nr1';
+
+    const CHART_TYPES = {
+      Radar: 'radar',
+      Treemap: 'treemap',
+    };
+
+    export default class RadarOrTreemapVisualization extends React.Component {
+      // Custom props you wish to be configurable in the UI must also be defined in
+      // the nr1.json file for the visualization. See docs for more details.
+      static propTypes = {
+        /**
+         * A fill color to override the default fill color. This is an example of
+         * a custom chart configuration.
+         */
+        fill: PropTypes.string,
+
+        /**
+         * A stroke color to override the default stroke color. This is an example of
+         * a custom chart configuration.
+         */
+        stroke: PropTypes.string,
+        /**
+         * An array of objects consisting of a nrql `query` and `accountId`.
+         * This should be a standard prop for any NRQL based visualizations.
+         */
+        nrqlQueries: PropTypes.arrayOf(
+          PropTypes.shape({
+            accountId: PropTypes.number,
+            query: PropTypes.string,
+          })
+        ),
+      };
+
+      /**
+       * Restructure the data for a non-time-series, facet-based NRQL query into a
+       * form accepted by the Recharts library's RadarChart.
+       * (https://recharts.org/api/RadarChart).
+       */
+      transformData = (rawData) => {
+        return rawData.map((entry) => ({
+          name: entry.metadata.name,
+          // Only grabbing the first data value because this is not time-series data.
+          value: entry.data[0].y,
+        }));
+      };
+
+      /**
+       * Format the given axis tick's numeric value into a string for display.
+       */
+      formatTick = (value) => {
+        return value.toLocaleString();
+      };
+
+      render() {
+        const { nrqlQueries, stroke, fill, selectedChart } = this.props;
+
+        const nrqlQueryPropsAvailable =
+          nrqlQueries &&
+          nrqlQueries[0] &&
+          nrqlQueries[0].accountId &&
+          nrqlQueries[0].query;
+
+        if (!nrqlQueryPropsAvailable) {
+          return <EmptyState />;
+        }
+
+        return (
+          <AutoSizer>
+            {({ width, height }) => (
+              <NrqlQuery
+                query={nrqlQueries[0].query}
+                accountId={parseInt(nrqlQueries[0].accountId)}
+                pollInterval={NrqlQuery.AUTO_POLL_INTERVAL}
+              >
+                {({ data, loading, error }) => {
+                  if (loading) {
+                    return <Spinner />;
+                  }
+
+                  if (error) {
+                    return <ErrorState />;
+                  }
+
+                  const transformedData = this.transformData(data);
+
+                  return (
+                    <React.Fragment>
+                      {!selectedChart || selectedChart === CHART_TYPES.Radar ? (
+                        <RadarChart
+                          width={width}
+                          height={height}
+                          data={transformedData}
+                        >
+                          <PolarGrid />
+                          <PolarAngleAxis dataKey="name" />
+                          <PolarRadiusAxis tickFormatter={this.formatTick} />
+                          <Radar
+                            dataKey="value"
+                            stroke={stroke || '#51C9B7'}
+                            fill={fill || '#51C9B7'}
+                            fillOpacity={0.6}
+                          />
+                        </RadarChart>
+                      ) : (
+                        <Treemap
+                          width={width}
+                          height={height}
+                          data={transformedData}
+                          dataKey="value"
+                          ratio={4 / 3}
+                          stroke={stroke || '#000000'}
+                          fill={fill || '#51C9B7'}
+                        />
+                      )}
+                    </React.Fragment>
+                  );
+                }}
+              </NrqlQuery>
+            )}
+          </AutoSizer>
+        );
+      }
+    }
+
+    const EmptyState = () => (
+      <Card className="EmptyState">
+        <CardBody className="EmptyState-cardBody">
+          <HeadingText
+            spacingType={[HeadingText.SPACING_TYPE.LARGE]}
+            type={HeadingText.TYPE.HEADING_3}
+          >
+            Please provide at least one NRQL query & account ID pair
+          </HeadingText>
+          <HeadingText
+            spacingType={[HeadingText.SPACING_TYPE.MEDIUM]}
+            type={HeadingText.TYPE.HEADING_4}
+          >
+            An example NRQL query you can try is:
+          </HeadingText>
+          <code>FROM NrUsage SELECT sum(usage) FACET metric SINCE 1 week ago</code>
+        </CardBody>
+      </Card>
+    );
+
+    const ErrorState = () => (
+      <Card className="ErrorState">
+        <CardBody className="ErrorState-cardBody">
+          <HeadingText
+            className="ErrorState-headingText"
+            spacingType={[HeadingText.SPACING_TYPE.LARGE]}
+            type={HeadingText.TYPE.HEADING_3}
+          >
+            Oops! Something went wrong.
+          </HeadingText>
+        </CardBody>
+      </Card>
+    );
+    ```
+  </Step>
+
+  <Step>
+    Nerdpack をローカルで提供し、New Relic の**Custom Visualizations** \[カスタム視覚化]アプリで表示します。 設定サイドバーのドロップダウンからグラフの種類を選択すると、視覚化が更新され、一致するグラフの種類が表示されます。
+  </Step>
+</Steps>
+
+## 概要 [#summary]
+
+このレッスンを完了していただき、ありがとうございます! _nr1.json_設定を使用して視覚化をカスタマイズする方法を学びました。
+
+<Callout variant="course">
+  このレッスンは、New Relic プラットフォームでカスタム視覚化を構築する方法を学習するコースの一部です。 準備ができたら、次のレッスン「[ダッシュボードにカスタム視覚化を追加する」](/docs/new-relic-solutions/tutorials/add-visualization-dashboard)に進んでください。
+</Callout>
\ No newline at end of file
diff --git a/src/i18n/content/jp/docs/new-relic-solutions/tutorials/custom-visualization-sdk.mdx b/src/i18n/content/jp/docs/new-relic-solutions/tutorials/custom-visualization-sdk.mdx
new file mode 100644
index 00000000000..6fd7d4e32dd
--- /dev/null
+++ b/src/i18n/content/jp/docs/new-relic-solutions/tutorials/custom-visualization-sdk.mdx
@@ -0,0 +1,2171 @@
+---
+title: SDKコンポーネントを使用して視覚化をカスタマイズする
+metaDescription: Customize your visualization with the NR SDK components.
+freshnessValidatedDate: never
+translationType: machine
+---
+
+<Callout variant="tip">
+  このレッスンは、New Relic プラットフォームでカスタム視覚化を構築する方法を学習するコースの一部です。
+</Callout>
+
+New Relic のカスタム視覚化を使用すると、New Relic のデータベースからのデータでも外部ソースからのデータでも、New Relic プラットフォームが提供するチャートとは異なる独自の方法でデータを表示できます。
+
+このレッスンでは、 [`RadarChart`](https://recharts.org/en-US/api/RadarChart)または[`Treemap`](https://recharts.org/en-US/api/Treemap)の 2 つのグラフ タイプのいずれかでデータを表示する視覚化を構築します。 次に、New Relic One SDK から`SegmentedControl`コンポーネントを実装して、2 つのチャート タイプを切り替えることができるようになります。 最終的に、これにより、New Relic の基本機能では不可能な動的な方法でデータを自由に表示できるようになります。
+
+<Callout variant="tip">
+  コード プロジェクトで迷ってしまったり、各レッスンを終えたときにファイルがどのようになっているかを確認したい場合は、Github の[コース プロジェクト](https://github.com/newrelic/nru-custom-visualization-course)を確認してください。
+</Callout>
+
+## あなたが始める前に [#begin]
+
+最後に、まだ行っていない場合は、次の操作を行います。
+
+* [New Relicアカウント](https://newrelic.com/signup?utm_source=developer-site)にサインアップ
+* [Node.js](https://nodejs.org/en/download/)をインストールする
+* [`nr1`クイックスタート](https://one.newrelic.com/launcher/developer-center.launcher?pane=eyJuZXJkbGV0SWQiOiJkZXZlbG9wZXItY2VudGVyLmRldmVsb3Blci1jZW50ZXIifQ==)の手順を完了して、CLI をインストールして構成します。
+
+## 視覚化を作成する [#create-visualization]
+
+<Steps>
+  <Step>
+    最新バージョンの New Relic CLI を使用していることを確認してください。
+
+    ```bash
+    nr1 update
+    ```
+  </Step>
+
+  <Step>
+    Nerdpack の`alternate-viz`に、 `radar-or-treemap`という視覚化を作成します。
+
+    ```bash animate
+    nr1 create --type visualization --name radar-or-treemap
+    [output] {success}✔ {plain}You’re trying to create a visualization outside of a Nerdpack.  We’ll create a Nerdpack for you—what do you want to name it? … alternate-viz
+    [output]
+    [output] {success}✔  {plain}nerdpack created successfully!
+    [output]    {purple}nerdpack {blue}alternate-viz {plain}is available at {green}"./alternate-viz"
+    [output]
+    [output] {success}✔  {plain}visualization created successfully!
+    [output]    {purple}visualization {blue}radar-or-treemap {plain}is available at {green}"./alternate-viz/visualizations/radar-or-treemap"
+    ```
+
+    <Callout variant="tip">
+      `nr1 create`を実行したときに自己署名証明書の`RequestError`を受け取った場合は、Node の証明書チェーンに証明書を追加する必要がある可能性があります。
+    </Callout>
+
+    その結果、 `alternate-viz`の下に新しい`visualizations/radar-or-treemap`ディレクトリが作成されます。
+
+    ```bash
+    cd alternate-viz
+    ls visualizations/radar-or-treemap
+    [output] index.js    nr1.json    styles.scss
+    ```
+  </Step>
+</Steps>
+
+```js fileName=visualizations/radar-or-treemap/index.js
+import React from 'react';
+import PropTypes from 'prop-types';
+import {
+  Radar,
+  RadarChart,
+  PolarGrid,
+  PolarAngleAxis,
+  PolarRadiusAxis,
+} from 'recharts';
+import {Card, CardBody, HeadingText, NrqlQuery, Spinner, AutoSizer} from 'nr1';
+
+export default class RadarOrTreemapVisualization extends React.Component {
+  // Custom props you wish to be configurable in the UI must also be defined in
+  // the nr1.json file for the visualization. See docs for more details.
+  static propTypes = {
+    /**
+     * A fill color to override the default fill color. This is an example of
+     * a custom chart configuration.
+     */
+    fill: PropTypes.string,
+
+    /**
+     * A stroke color to override the default stroke color. This is an example of
+     * a custom chart configuration.
+     */
+    stroke: PropTypes.string,
+    /**
+     * An array of objects consisting of a nrql `query` and `accountId`.
+     * This should be a standard prop for any NRQL based visualizations.
+     */
+    nrqlQueries: PropTypes.arrayOf(
+      PropTypes.shape({
+        accountId: PropTypes.number,
+        query: PropTypes.string,
+      })
+    ),
+  };
+
+  /**
+   * Restructure the data for a non-time-series, facet-based NRQL query into a
+   * form accepted by the Recharts library's RadarChart.
+   * (https://recharts.org/api/RadarChart).
+   */
+  transformData = (rawData) => {
+    return rawData.map((entry) => ({
+      name: entry.metadata.name,
+      // Only grabbing the first data value because this is not time-series data.
+      value: entry.data[0].y,
+    }));
+  };
+
+  /**
+   * Format the given axis tick's numeric value into a string for display.
+   */
+  formatTick = (value) => {
+    return value.toLocaleString();
+  };
+
+  render() {
+    const {nrqlQueries, stroke, fill} = this.props;
+
+    const nrqlQueryPropsAvailable =
+      nrqlQueries &&
+      nrqlQueries[0] &&
+      nrqlQueries[0].accountId &&
+      nrqlQueries[0].query;
+
+    if (!nrqlQueryPropsAvailable) {
+      return <EmptyState />;
+    }
+
+    return (
+      <AutoSizer>
+        {({width, height}) => (
+          <NrqlQuery
+            query={nrqlQueries[0].query}
+            accountId={parseInt(nrqlQueries[0].accountId)}
+            pollInterval={NrqlQuery.AUTO_POLL_INTERVAL}
+          >
+            {({data, loading, error}) => {
+              if (loading) {
+                return <Spinner />;
+              }
+
+              if (error) {
+                return <ErrorState />;
+              }
+
+              const transformedData = this.transformData(data);
+
+              return (
+                <RadarChart
+                  width={width}
+                  height={height}
+                  data={transformedData}
+                >
+                  <PolarGrid />
+                  <PolarAngleAxis dataKey="name" />
+                  <PolarRadiusAxis tickFormatter={this.formatTick} />
+                  <Radar
+                    dataKey="value"
+                    stroke={stroke || '#51C9B7'}
+                    fill={fill || '#51C9B7'}
+                    fillOpacity={0.6}
+                  />
+                </RadarChart>
+              );
+            }}
+          </NrqlQuery>
+        )}
+      </AutoSizer>
+    );
+  }
+}
+
+const EmptyState = () => (
+  <Card className="EmptyState">
+    <CardBody className="EmptyState-cardBody">
+      <HeadingText
+        spacingType={[HeadingText.SPACING_TYPE.LARGE]}
+        type={HeadingText.TYPE.HEADING_3}
+      >
+        Please provide at least one NRQL query & account ID pair
+      </HeadingText>
+      <HeadingText
+        spacingType={[HeadingText.SPACING_TYPE.MEDIUM]}
+        type={HeadingText.TYPE.HEADING_4}
+      >
+        An example NRQL query you can try is:
+      </HeadingText>
+      <code>FROM NrUsage SELECT sum(usage) FACET metric SINCE 1 week ago</code>
+    </CardBody>
+  </Card>
+);
+
+const ErrorState = () => (
+  <Card className="ErrorState">
+    <CardBody className="ErrorState-cardBody">
+      <HeadingText
+        className="ErrorState-headingText"
+        spacingType={[HeadingText.SPACING_TYPE.LARGE]}
+        type={HeadingText.TYPE.HEADING_3}
+      >
+        Oops! Something went wrong.
+      </HeadingText>
+    </CardBody>
+  </Card>
+);
+```
+
+## コンポーネントの状態を設定する [#set-component]
+
+`nr1`が作成したデフォルトの視覚化テンプレートにコンポーネント状態を追加します。
+
+<Steps>
+  <Step>
+    `alternate-viz/visualizations/radar-or-treemap/index.js`に移動します。 このレッスンの残りの時間はここで作業します。
+  </Step>
+
+  <Step>
+    `CHART_TYPES`という定数を追加します:
+
+    ```js fileName=visualizations/radar-or-treemap/index.js
+    import React from 'react';
+    import PropTypes from 'prop-types';
+    import {
+      Radar,
+      RadarChart,
+      PolarGrid,
+      PolarAngleAxis,
+      PolarRadiusAxis,
+    } from 'recharts';
+    import {Card, CardBody, HeadingText, NrqlQuery, Spinner, AutoSizer} from 'nr1';
+
+    const CHART_TYPES = {
+      'Radar': 'radar',
+      'Treemap': 'treemap'
+    }
+
+    export default class RadarOrTreemapVisualization extends React.Component {
+      // Custom props you wish to be configurable in the UI must also be defined in
+      // the nr1.json file for the visualization. See docs for more details.
+      static propTypes = {
+        /**
+         * A fill color to override the default fill color. This is an example of
+         * a custom chart configuration.
+         */
+        fill: PropTypes.string,
+
+        /**
+         * A stroke color to override the default stroke color. This is an example of
+         * a custom chart configuration.
+         */
+        stroke: PropTypes.string,
+        /**
+         * An array of objects consisting of a nrql `query` and `accountId`.
+         * This should be a standard prop for any NRQL based visualizations.
+         */
+        nrqlQueries: PropTypes.arrayOf(
+          PropTypes.shape({
+            accountId: PropTypes.number,
+            query: PropTypes.string,
+          })
+        ),
+      };
+
+      /**
+       * Restructure the data for a non-time-series, facet-based NRQL query into a
+       * form accepted by the Recharts library's RadarChart.
+       * (https://recharts.org/api/RadarChart).
+       */
+      transformData = (rawData) => {
+        return rawData.map((entry) => ({
+          name: entry.metadata.name,
+          // Only grabbing the first data value because this is not time-series data.
+          value: entry.data[0].y,
+        }));
+      };
+
+      /**
+       * Format the given axis tick's numeric value into a string for display.
+       */
+      formatTick = (value) => {
+        return value.toLocaleString();
+      };
+
+      render() {
+        const {nrqlQueries, stroke, fill} = this.props;
+
+        const nrqlQueryPropsAvailable =
+          nrqlQueries &&
+          nrqlQueries[0] &&
+          nrqlQueries[0].accountId &&
+          nrqlQueries[0].query;
+
+        if (!nrqlQueryPropsAvailable) {
+          return <EmptyState />;
+        }
+
+        return (
+          <AutoSizer>
+            {({width, height}) => (
+              <NrqlQuery
+                query={nrqlQueries[0].query}
+                accountId={parseInt(nrqlQueries[0].accountId)}
+                pollInterval={NrqlQuery.AUTO_POLL_INTERVAL}
+              >
+                {({data, loading, error}) => {
+                  if (loading) {
+                    return <Spinner />;
+                  }
+
+                  if (error) {
+                    return <ErrorState />;
+                  }
+
+                  const transformedData = this.transformData(data);
+
+                  return (
+                    <RadarChart
+                      width={width}
+                      height={height}
+                      data={transformedData}
+                    >
+                      <PolarGrid />
+                      <PolarAngleAxis dataKey="name" />
+                      <PolarRadiusAxis tickFormatter={this.formatTick} />
+                      <Radar
+                        dataKey="value"
+                        stroke={stroke || '#51C9B7'}
+                        fill={fill || '#51C9B7'}
+                        fillOpacity={0.6}
+                      />
+                    </RadarChart>
+                  );
+                }}
+              </NrqlQuery>
+            )}
+          </AutoSizer>
+        );
+      }
+    }
+
+    const EmptyState = () => (
+      <Card className="EmptyState">
+        <CardBody className="EmptyState-cardBody">
+          <HeadingText
+            spacingType={[HeadingText.SPACING_TYPE.LARGE]}
+            type={HeadingText.TYPE.HEADING_3}
+          >
+            Please provide at least one NRQL query & account ID pair
+          </HeadingText>
+          <HeadingText
+            spacingType={[HeadingText.SPACING_TYPE.MEDIUM]}
+            type={HeadingText.TYPE.HEADING_4}
+          >
+            An example NRQL query you can try is:
+          </HeadingText>
+          <code>FROM NrUsage SELECT sum(usage) FACET metric SINCE 1 week ago</code>
+        </CardBody>
+      </Card>
+    );
+
+    const ErrorState = () => (
+      <Card className="ErrorState">
+        <CardBody className="ErrorState-cardBody">
+          <HeadingText
+            className="ErrorState-headingText"
+            spacingType={[HeadingText.SPACING_TYPE.LARGE]}
+            type={HeadingText.TYPE.HEADING_3}
+          >
+            Oops! Something went wrong.
+          </HeadingText>
+        </CardBody>
+      </Card>
+    );
+    ```
+
+    `CHART_TYPES` 視覚化で交互に使用する 2 つのグラフ タイプを列挙します。
+  </Step>
+
+  <Step>
+    コンポーネントの`state`で`selectedChart`を初期化します。
+
+    ```js fileName=visualizations/radar-or-treemap/index.js
+    import React from 'react';
+    import PropTypes from 'prop-types';
+    import {
+      Radar,
+      RadarChart,
+      PolarGrid,
+      PolarAngleAxis,
+      PolarRadiusAxis,
+    } from 'recharts';
+    import {Card, CardBody, HeadingText, NrqlQuery, Spinner, AutoSizer} from 'nr1';
+
+    const CHART_TYPES = {
+      'Radar': 'radar',
+      'Treemap': 'treemap'
+    }
+
+    export default class RadarOrTreemapVisualization extends React.Component {
+      // Custom props you wish to be configurable in the UI must also be defined in
+      // the nr1.json file for the visualization. See docs for more details.
+      static propTypes = {
+        /**
+         * A fill color to override the default fill color. This is an example of
+         * a custom chart configuration.
+         */
+        fill: PropTypes.string,
+
+        /**
+         * A stroke color to override the default stroke color. This is an example of
+         * a custom chart configuration.
+         */
+        stroke: PropTypes.string,
+        /**
+         * An array of objects consisting of a nrql `query` and `accountId`.
+         * This should be a standard prop for any NRQL based visualizations.
+         */
+        nrqlQueries: PropTypes.arrayOf(
+          PropTypes.shape({
+            accountId: PropTypes.number,
+            query: PropTypes.string,
+          })
+        ),
+      };
+
+      state = {
+        selectedChart: CHART_TYPES.Radar,
+      };
+
+      /**
+       * Restructure the data for a non-time-series, facet-based NRQL query into a
+       * form accepted by the Recharts library's RadarChart.
+       * (https://recharts.org/api/RadarChart).
+       */
+      transformData = (rawData) => {
+        return rawData.map((entry) => ({
+          name: entry.metadata.name,
+          // Only grabbing the first data value because this is not time-series data.
+          value: entry.data[0].y,
+        }));
+      };
+
+      /**
+       * Format the given axis tick's numeric value into a string for display.
+       */
+      formatTick = (value) => {
+        return value.toLocaleString();
+      };
+
+      render() {
+        const {nrqlQueries, stroke, fill} = this.props;
+
+        const nrqlQueryPropsAvailable =
+          nrqlQueries &&
+          nrqlQueries[0] &&
+          nrqlQueries[0].accountId &&
+          nrqlQueries[0].query;
+
+        if (!nrqlQueryPropsAvailable) {
+          return <EmptyState />;
+        }
+
+        return (
+          <AutoSizer>
+            {({width, height}) => (
+              <NrqlQuery
+                query={nrqlQueries[0].query}
+                accountId={parseInt(nrqlQueries[0].accountId)}
+                pollInterval={NrqlQuery.AUTO_POLL_INTERVAL}
+              >
+                {({data, loading, error}) => {
+                  if (loading) {
+                    return <Spinner />;
+                  }
+
+                  if (error) {
+                    return <ErrorState />;
+                  }
+
+                  const transformedData = this.transformData(data);
+
+                  return (
+                    <RadarChart
+                      width={width}
+                      height={height}
+                      data={transformedData}
+                    >
+                      <PolarGrid />
+                      <PolarAngleAxis dataKey="name" />
+                      <PolarRadiusAxis tickFormatter={this.formatTick} />
+                      <Radar
+                        dataKey="value"
+                        stroke={stroke || '#51C9B7'}
+                        fill={fill || '#51C9B7'}
+                        fillOpacity={0.6}
+                      />
+                    </RadarChart>
+                  );
+                }}
+              </NrqlQuery>
+            )}
+          </AutoSizer>
+        );
+      }
+    }
+
+    const EmptyState = () => (
+      <Card className="EmptyState">
+        <CardBody className="EmptyState-cardBody">
+          <HeadingText
+            spacingType={[HeadingText.SPACING_TYPE.LARGE]}
+            type={HeadingText.TYPE.HEADING_3}
+          >
+            Please provide at least one NRQL query & account ID pair
+          </HeadingText>
+          <HeadingText
+            spacingType={[HeadingText.SPACING_TYPE.MEDIUM]}
+            type={HeadingText.TYPE.HEADING_4}
+          >
+            An example NRQL query you can try is:
+          </HeadingText>
+          <code>FROM NrUsage SELECT sum(usage) FACET metric SINCE 1 week ago</code>
+        </CardBody>
+      </Card>
+    );
+
+    const ErrorState = () => (
+      <Card className="ErrorState">
+        <CardBody className="ErrorState-cardBody">
+          <HeadingText
+            className="ErrorState-headingText"
+            spacingType={[HeadingText.SPACING_TYPE.LARGE]}
+            type={HeadingText.TYPE.HEADING_3}
+          >
+            Oops! Something went wrong.
+          </HeadingText>
+        </CardBody>
+      </Card>
+    );
+    ```
+
+    この`state`値には、データを表示するグラフの種類が格納されます。
+
+    視覚化のグラフ タイプのオプションを列挙するオブジェクトを作成し、 `state.selectedChart`を初期化したので、2 つのグラフ タイプを切り替えるためのコントロール UI を実装する準備が整いました。
+  </Step>
+</Steps>
+
+## `SegmentedControl`コンポーネントを追加 [#segmentedcontrol]
+
+`state.selectedChart` 視覚化のユーザーが実際にグラフの種類を選択できない限り、役に立ちません。 2 つのグラフ タイプを切り替えるには、 `SegmentedControl`と`SegmentedControlItem`使用します。
+
+<Steps>
+  <Step>
+    `nr1`から`SegmentedControl`と`SegmentedControlItem`インポートします:
+
+    ```js fileName=visualizations/radar-or-treemap/index.js
+    import React from 'react';
+    import PropTypes from 'prop-types';
+    import {
+      Radar,
+      RadarChart,
+      PolarGrid,
+      PolarAngleAxis,
+      PolarRadiusAxis,
+    } from 'recharts';
+    import {
+        AutoSizer,
+        Card,
+        CardBody,
+        HeadingText,
+        NrqlQuery,
+        SegmentedControl,
+        SegmentedControlItem,
+        Spinner,
+    } from 'nr1';
+
+    const CHART_TYPES = {
+      'Radar': 'radar',
+      'Treemap': 'treemap'
+    }
+
+    export default class RadarOrTreemapVisualization extends React.Component {
+      // Custom props you wish to be configurable in the UI must also be defined in
+      // the nr1.json file for the visualization. See docs for more details.
+      static propTypes = {
+        /**
+         * A fill color to override the default fill color. This is an example of
+         * a custom chart configuration.
+         */
+        fill: PropTypes.string,
+
+        /**
+         * A stroke color to override the default stroke color. This is an example of
+         * a custom chart configuration.
+         */
+        stroke: PropTypes.string,
+        /**
+         * An array of objects consisting of a nrql `query` and `accountId`.
+         * This should be a standard prop for any NRQL based visualizations.
+         */
+        nrqlQueries: PropTypes.arrayOf(
+          PropTypes.shape({
+            accountId: PropTypes.number,
+            query: PropTypes.string,
+          })
+        ),
+      };
+
+      state = {
+        selectedChart: CHART_TYPES.Radar,
+      };
+
+      /**
+       * Restructure the data for a non-time-series, facet-based NRQL query into a
+       * form accepted by the Recharts library's RadarChart.
+       * (https://recharts.org/api/RadarChart).
+       */
+      transformData = (rawData) => {
+        return rawData.map((entry) => ({
+          name: entry.metadata.name,
+          // Only grabbing the first data value because this is not time-series data.
+          value: entry.data[0].y,
+        }));
+      };
+
+      /**
+       * Format the given axis tick's numeric value into a string for display.
+       */
+      formatTick = (value) => {
+        return value.toLocaleString();
+      };
+
+      render() {
+        const {nrqlQueries, stroke, fill} = this.props;
+
+        const nrqlQueryPropsAvailable =
+          nrqlQueries &&
+          nrqlQueries[0] &&
+          nrqlQueries[0].accountId &&
+          nrqlQueries[0].query;
+
+        if (!nrqlQueryPropsAvailable) {
+          return <EmptyState />;
+        }
+
+        return (
+          <AutoSizer>
+            {({width, height}) => (
+              <NrqlQuery
+                query={nrqlQueries[0].query}
+                accountId={parseInt(nrqlQueries[0].accountId)}
+                pollInterval={NrqlQuery.AUTO_POLL_INTERVAL}
+              >
+                {({data, loading, error}) => {
+                  if (loading) {
+                    return <Spinner />;
+                  }
+
+                  if (error) {
+                    return <ErrorState />;
+                  }
+
+                  const transformedData = this.transformData(data);
+
+                  return (
+                    <RadarChart
+                      width={width}
+                      height={height}
+                      data={transformedData}
+                    >
+                      <PolarGrid />
+                      <PolarAngleAxis dataKey="name" />
+                      <PolarRadiusAxis tickFormatter={this.formatTick} />
+                      <Radar
+                        dataKey="value"
+                        stroke={stroke || '#51C9B7'}
+                        fill={fill || '#51C9B7'}
+                        fillOpacity={0.6}
+                      />
+                    </RadarChart>
+                  );
+                }}
+              </NrqlQuery>
+            )}
+          </AutoSizer>
+        );
+      }
+    }
+
+    const EmptyState = () => (
+      <Card className="EmptyState">
+        <CardBody className="EmptyState-cardBody">
+          <HeadingText
+            spacingType={[HeadingText.SPACING_TYPE.LARGE]}
+            type={HeadingText.TYPE.HEADING_3}
+          >
+            Please provide at least one NRQL query & account ID pair
+          </HeadingText>
+          <HeadingText
+            spacingType={[HeadingText.SPACING_TYPE.MEDIUM]}
+            type={HeadingText.TYPE.HEADING_4}
+          >
+            An example NRQL query you can try is:
+          </HeadingText>
+          <code>FROM NrUsage SELECT sum(usage) FACET metric SINCE 1 week ago</code>
+        </CardBody>
+      </Card>
+    );
+
+    const ErrorState = () => (
+      <Card className="ErrorState">
+        <CardBody className="ErrorState-cardBody">
+          <HeadingText
+            className="ErrorState-headingText"
+            spacingType={[HeadingText.SPACING_TYPE.LARGE]}
+            type={HeadingText.TYPE.HEADING_3}
+          >
+            Oops! Something went wrong.
+          </HeadingText>
+        </CardBody>
+      </Card>
+    );
+    ```
+  </Step>
+
+  <Step>
+    `render()`で、 `RadarChart`を`React.Fragment`でラップします。
+
+    ```js fileName=visualizations/radar-or-treemap/index.js
+    import React from 'react';
+    import PropTypes from 'prop-types';
+    import {
+      Radar,
+      RadarChart,
+      PolarGrid,
+      PolarAngleAxis,
+      PolarRadiusAxis,
+    } from 'recharts';
+    import {
+        AutoSizer,
+        Card,
+        CardBody,
+        HeadingText,
+        NrqlQuery,
+        SegmentedControl,
+        SegmentedControlItem,
+        Spinner,
+    } from 'nr1';
+
+    const CHART_TYPES = {
+      'Radar': 'radar',
+      'Treemap': 'treemap'
+    }
+
+    export default class RadarOrTreemapVisualization extends React.Component {
+      // Custom props you wish to be configurable in the UI must also be defined in
+      // the nr1.json file for the visualization. See docs for more details.
+      static propTypes = {
+        /**
+         * A fill color to override the default fill color. This is an example of
+         * a custom chart configuration.
+         */
+        fill: PropTypes.string,
+
+        /**
+         * A stroke color to override the default stroke color. This is an example of
+         * a custom chart configuration.
+         */
+        stroke: PropTypes.string,
+        /**
+         * An array of objects consisting of a nrql `query` and `accountId`.
+         * This should be a standard prop for any NRQL based visualizations.
+         */
+        nrqlQueries: PropTypes.arrayOf(
+          PropTypes.shape({
+            accountId: PropTypes.number,
+            query: PropTypes.string,
+          })
+        ),
+      };
+
+      state = {
+        selectedChart: CHART_TYPES.Radar,
+      };
+
+      /**
+       * Restructure the data for a non-time-series, facet-based NRQL query into a
+       * form accepted by the Recharts library's RadarChart.
+       * (https://recharts.org/api/RadarChart).
+       */
+      transformData = (rawData) => {
+        return rawData.map((entry) => ({
+          name: entry.metadata.name,
+          // Only grabbing the first data value because this is not time-series data.
+          value: entry.data[0].y,
+        }));
+      };
+
+      /**
+       * Format the given axis tick's numeric value into a string for display.
+       */
+      formatTick = (value) => {
+        return value.toLocaleString();
+      };
+
+      render() {
+        const {nrqlQueries, stroke, fill} = this.props;
+
+        const nrqlQueryPropsAvailable =
+          nrqlQueries &&
+          nrqlQueries[0] &&
+          nrqlQueries[0].accountId &&
+          nrqlQueries[0].query;
+
+        if (!nrqlQueryPropsAvailable) {
+          return <EmptyState />;
+        }
+
+        return (
+          <AutoSizer>
+            {({width, height}) => (
+              <NrqlQuery
+                query={nrqlQueries[0].query}
+                accountId={parseInt(nrqlQueries[0].accountId)}
+                pollInterval={NrqlQuery.AUTO_POLL_INTERVAL}
+              >
+                {({data, loading, error}) => {
+                  if (loading) {
+                    return <Spinner />;
+                  }
+
+                  if (error) {
+                    return <ErrorState />;
+                  }
+
+                  const transformedData = this.transformData(data);
+
+                  return (
+                    <React.Fragment>
+                    <RadarChart
+                      width={width}
+                      height={height}
+                      data={transformedData}
+                    >
+                      <PolarGrid />
+                      <PolarAngleAxis dataKey="name" />
+                      <PolarRadiusAxis tickFormatter={this.formatTick} />
+                      <Radar
+                        dataKey="value"
+                        stroke={stroke || '#51C9B7'}
+                        fill={fill || '#51C9B7'}
+                        fillOpacity={0.6}
+                      />
+                    </RadarChart>
+                    </React.Fragment>
+                  );
+                }}
+              </NrqlQuery>
+            )}
+          </AutoSizer>
+        );
+      }
+    }
+
+    const EmptyState = () => (
+      <Card className="EmptyState">
+        <CardBody className="EmptyState-cardBody">
+          <HeadingText
+            spacingType={[HeadingText.SPACING_TYPE.LARGE]}
+            type={HeadingText.TYPE.HEADING_3}
+          >
+            Please provide at least one NRQL query & account ID pair
+          </HeadingText>
+          <HeadingText
+            spacingType={[HeadingText.SPACING_TYPE.MEDIUM]}
+            type={HeadingText.TYPE.HEADING_4}
+          >
+            An example NRQL query you can try is:
+          </HeadingText>
+          <code>FROM NrUsage SELECT sum(usage) FACET metric SINCE 1 week ago</code>
+        </CardBody>
+      </Card>
+    );
+
+    const ErrorState = () => (
+      <Card className="ErrorState">
+        <CardBody className="ErrorState-cardBody">
+          <HeadingText
+            className="ErrorState-headingText"
+            spacingType={[HeadingText.SPACING_TYPE.LARGE]}
+            type={HeadingText.TYPE.HEADING_3}
+          >
+            Oops! Something went wrong.
+          </HeadingText>
+        </CardBody>
+      </Card>
+    );
+    ```
+
+    これにより、同じ`render()`から複数のコンポーネントを返すことができます。
+  </Step>
+
+  <Step>
+    `SegmentedControl`と 2 つの`SegmentedControlItem`コンポーネントを追加します。各コンポーネントには`value`と`label`が含まれます。
+
+    ```js fileName=visualizations/radar-or-treemap/index.js
+    import React from 'react';
+    import PropTypes from 'prop-types';
+    import {
+      Radar,
+      RadarChart,
+      PolarGrid,
+      PolarAngleAxis,
+      PolarRadiusAxis,
+    } from 'recharts';
+    import {
+        AutoSizer,
+        Card,
+        CardBody,
+        HeadingText,
+        NrqlQuery,
+        SegmentedControl,
+        SegmentedControlItem,
+        Spinner,
+    } from 'nr1';
+
+    const CHART_TYPES = {
+      'Radar': 'radar',
+      'Treemap': 'treemap'
+    }
+
+    export default class RadarOrTreemapVisualization extends React.Component {
+      // Custom props you wish to be configurable in the UI must also be defined in
+      // the nr1.json file for the visualization. See docs for more details.
+      static propTypes = {
+        /**
+         * A fill color to override the default fill color. This is an example of
+         * a custom chart configuration.
+         */
+        fill: PropTypes.string,
+
+        /**
+         * A stroke color to override the default stroke color. This is an example of
+         * a custom chart configuration.
+         */
+        stroke: PropTypes.string,
+        /**
+         * An array of objects consisting of a nrql `query` and `accountId`.
+         * This should be a standard prop for any NRQL based visualizations.
+         */
+        nrqlQueries: PropTypes.arrayOf(
+          PropTypes.shape({
+            accountId: PropTypes.number,
+            query: PropTypes.string,
+          })
+        ),
+      };
+
+      state = {
+        selectedChart: CHART_TYPES.Radar,
+      };
+
+      /**
+       * Restructure the data for a non-time-series, facet-based NRQL query into a
+       * form accepted by the Recharts library's RadarChart.
+       * (https://recharts.org/api/RadarChart).
+       */
+      transformData = (rawData) => {
+        return rawData.map((entry) => ({
+          name: entry.metadata.name,
+          // Only grabbing the first data value because this is not time-series data.
+          value: entry.data[0].y,
+        }));
+      };
+
+      /**
+       * Format the given axis tick's numeric value into a string for display.
+       */
+      formatTick = (value) => {
+        return value.toLocaleString();
+      };
+
+      render() {
+        const {nrqlQueries, stroke, fill} = this.props;
+
+        const nrqlQueryPropsAvailable =
+          nrqlQueries &&
+          nrqlQueries[0] &&
+          nrqlQueries[0].accountId &&
+          nrqlQueries[0].query;
+
+        if (!nrqlQueryPropsAvailable) {
+          return <EmptyState />;
+        }
+
+        return (
+          <AutoSizer>
+            {({width, height}) => (
+              <NrqlQuery
+                query={nrqlQueries[0].query}
+                accountId={parseInt(nrqlQueries[0].accountId)}
+                pollInterval={NrqlQuery.AUTO_POLL_INTERVAL}
+              >
+                {({data, loading, error}) => {
+                  if (loading) {
+                    return <Spinner />;
+                  }
+
+                  if (error) {
+                    return <ErrorState />;
+                  }
+
+                  const transformedData = this.transformData(data);
+
+                  return (
+                    <React.Fragment>
+                    <SegmentedControl
+                      onChange={(event, value) => console.log(value)}
+                    >
+                      <SegmentedControlItem
+                        value={CHART_TYPES.Radar}
+                        label="Radar chart"
+                      />
+                      <SegmentedControlItem
+                        value={CHART_TYPES.Treemap}
+                        label="Treemap chart"
+                      />
+                    </SegmentedControl>
+                    <RadarChart
+                      width={width}
+                      height={height}
+                      data={transformedData}
+                    >
+                      <PolarGrid />
+                      <PolarAngleAxis dataKey="name" />
+                      <PolarRadiusAxis tickFormatter={this.formatTick} />
+                      <Radar
+                        dataKey="value"
+                        stroke={stroke || '#51C9B7'}
+                        fill={fill || '#51C9B7'}
+                        fillOpacity={0.6}
+                      />
+                    </RadarChart>
+                    </React.Fragment>
+                  );
+                }}
+              </NrqlQuery>
+            )}
+          </AutoSizer>
+        );
+      }
+    }
+
+    const EmptyState = () => (
+      <Card className="EmptyState">
+        <CardBody className="EmptyState-cardBody">
+          <HeadingText
+            spacingType={[HeadingText.SPACING_TYPE.LARGE]}
+            type={HeadingText.TYPE.HEADING_3}
+          >
+            Please provide at least one NRQL query & account ID pair
+          </HeadingText>
+          <HeadingText
+            spacingType={[HeadingText.SPACING_TYPE.MEDIUM]}
+            type={HeadingText.TYPE.HEADING_4}
+          >
+            An example NRQL query you can try is:
+          </HeadingText>
+          <code>FROM NrUsage SELECT sum(usage) FACET metric SINCE 1 week ago</code>
+        </CardBody>
+      </Card>
+    );
+
+    const ErrorState = () => (
+      <Card className="ErrorState">
+        <CardBody className="ErrorState-cardBody">
+          <HeadingText
+            className="ErrorState-headingText"
+            spacingType={[HeadingText.SPACING_TYPE.LARGE]}
+            type={HeadingText.TYPE.HEADING_3}
+          >
+            Oops! Something went wrong.
+          </HeadingText>
+        </CardBody>
+      </Card>
+    );
+    ```
+
+    ここで、選択を変更すると、 `SegmentedControl`は`SegmentedControlItem.value`をコンソールに記録します。 `SegmentedControlItem`コンポーネントに定義した値は、前の手順で作成した 2 つの`CHART_TYPES`に対応します。
+  </Step>
+
+  <Step>
+    `alternate-viz`にある Nerdpack のルートに移動します。
+  </Step>
+
+  <Step>
+    Nerdpack を地元で提供しましょう:
+
+    ```bash
+    nr1 nerdpack:serve
+    ```
+  </Step>
+
+  <Step>
+    Node サーバーの起動時にターミナルに表示される視覚化へのリンクを開きます。
+
+    ```bash
+    [output] {purple}Visualizations:
+    [output]  ⁎  {green}radar-or-treemap {blue}https://one.nr/012ab3cd4Ef
+    ```
+  </Step>
+
+  <Step>
+    アカウント ID とクエリを使用して視覚化を構成します。
+
+    チャートの処理に必要なデータがいくつかあるため、ビューの上部に`SegmentedControl`を含む`RadarChart`が表示されます。
+
+    `SegmentedControl` ログを確認するには、 browserのコンソールを参照してください。
+  </Step>
+</Steps>
+
+## コンポーネントの`state`を `SegmentedControl` [#connect-component]
+
+`state`を更新するメソッドを追加し、そのメソッドを前のセクションで追加した`SegmentedControl`に接続します。
+
+<Steps>
+  <Step>
+    `updateSelectedChart()`というコンポーネント メソッドを追加します。
+
+    ```js fileName=visualizations/radar-or-treemap/index.js
+    import React from 'react';
+    import PropTypes from 'prop-types';
+    import {
+      Radar,
+      RadarChart,
+      PolarGrid,
+      PolarAngleAxis,
+      PolarRadiusAxis,
+    } from 'recharts';
+    import {
+        AutoSizer,
+        Card,
+        CardBody,
+        HeadingText,
+        NrqlQuery,
+        SegmentedControl,
+        SegmentedControlItem,
+        Spinner,
+    } from 'nr1';
+
+    const CHART_TYPES = {
+      'Radar': 'radar',
+      'Treemap': 'treemap'
+    }
+
+    export default class RadarOrTreemapVisualization extends React.Component {
+      // Custom props you wish to be configurable in the UI must also be defined in
+      // the nr1.json file for the visualization. See docs for more details.
+      static propTypes = {
+        /**
+         * A fill color to override the default fill color. This is an example of
+         * a custom chart configuration.
+         */
+        fill: PropTypes.string,
+
+        /**
+         * A stroke color to override the default stroke color. This is an example of
+         * a custom chart configuration.
+         */
+        stroke: PropTypes.string,
+        /**
+         * An array of objects consisting of a nrql `query` and `accountId`.
+         * This should be a standard prop for any NRQL based visualizations.
+         */
+        nrqlQueries: PropTypes.arrayOf(
+          PropTypes.shape({
+            accountId: PropTypes.number,
+            query: PropTypes.string,
+          })
+        ),
+      };
+
+      state = {
+        selectedChart: CHART_TYPES.Radar,
+      };
+
+      /**
+       * Restructure the data for a non-time-series, facet-based NRQL query into a
+       * form accepted by the Recharts library's RadarChart.
+       * (https://recharts.org/api/RadarChart).
+       */
+      transformData = (rawData) => {
+        return rawData.map((entry) => ({
+          name: entry.metadata.name,
+          // Only grabbing the first data value because this is not time-series data.
+          value: entry.data[0].y,
+        }));
+      };
+
+      /**
+       * Format the given axis tick's numeric value into a string for display.
+       */
+      formatTick = (value) => {
+        return value.toLocaleString();
+      };
+
+      updateSelectedChart = (evt, value) => {
+        this.setState({ selectedChart: value })
+      };
+
+      render() {
+        const {nrqlQueries, stroke, fill} = this.props;
+
+        const nrqlQueryPropsAvailable =
+          nrqlQueries &&
+          nrqlQueries[0] &&
+          nrqlQueries[0].accountId &&
+          nrqlQueries[0].query;
+
+        if (!nrqlQueryPropsAvailable) {
+          return <EmptyState />;
+        }
+
+        return (
+          <AutoSizer>
+            {({width, height}) => (
+              <NrqlQuery
+                query={nrqlQueries[0].query}
+                accountId={parseInt(nrqlQueries[0].accountId)}
+                pollInterval={NrqlQuery.AUTO_POLL_INTERVAL}
+              >
+                {({data, loading, error}) => {
+                  if (loading) {
+                    return <Spinner />;
+                  }
+
+                  if (error) {
+                    return <ErrorState />;
+                  }
+
+                  const transformedData = this.transformData(data);
+
+                  return (
+                    <React.Fragment>
+                    <SegmentedControl
+                      onChange={(event, value) => console.log(value)}
+                    >
+                      <SegmentedControlItem
+                        value={CHART_TYPES.Radar}
+                        label="Radar chart"
+                      />
+                      <SegmentedControlItem
+                        value={CHART_TYPES.Treemap}
+                        label="Treemap chart"
+                      />
+                    </SegmentedControl>
+                    <RadarChart
+                      width={width}
+                      height={height}
+                      data={transformedData}
+                    >
+                      <PolarGrid />
+                      <PolarAngleAxis dataKey="name" />
+                      <PolarRadiusAxis tickFormatter={this.formatTick} />
+                      <Radar
+                        dataKey="value"
+                        stroke={stroke || '#51C9B7'}
+                        fill={fill || '#51C9B7'}
+                        fillOpacity={0.6}
+                      />
+                    </RadarChart>
+                    </React.Fragment>
+                  );
+                }}
+              </NrqlQuery>
+            )}
+          </AutoSizer>
+        );
+      }
+    }
+
+    const EmptyState = () => (
+      <Card className="EmptyState">
+        <CardBody className="EmptyState-cardBody">
+          <HeadingText
+            spacingType={[HeadingText.SPACING_TYPE.LARGE]}
+            type={HeadingText.TYPE.HEADING_3}
+          >
+            Please provide at least one NRQL query & account ID pair
+          </HeadingText>
+          <HeadingText
+            spacingType={[HeadingText.SPACING_TYPE.MEDIUM]}
+            type={HeadingText.TYPE.HEADING_4}
+          >
+            An example NRQL query you can try is:
+          </HeadingText>
+          <code>FROM NrUsage SELECT sum(usage) FACET metric SINCE 1 week ago</code>
+        </CardBody>
+      </Card>
+    );
+
+    const ErrorState = () => (
+      <Card className="ErrorState">
+        <CardBody className="ErrorState-cardBody">
+          <HeadingText
+            className="ErrorState-headingText"
+            spacingType={[HeadingText.SPACING_TYPE.LARGE]}
+            type={HeadingText.TYPE.HEADING_3}
+          >
+            Oops! Something went wrong.
+          </HeadingText>
+        </CardBody>
+      </Card>
+    );
+    ```
+
+    この新しいメソッドは`value`引数を受け取り、 `state.selectedChart`をその値に設定します。
+  </Step>
+
+  <Step>
+    `SegmentedControl.onChange`を`updateSelectedChart()`に設定します:
+
+    ```js fileName=visualizations/radar-or-treemap/index.js
+    import React from 'react';
+    import PropTypes from 'prop-types';
+    import {
+      Radar,
+      RadarChart,
+      PolarGrid,
+      PolarAngleAxis,
+      PolarRadiusAxis,
+    } from 'recharts';
+    import {
+        AutoSizer,
+        Card,
+        CardBody,
+        HeadingText,
+        NrqlQuery,
+        SegmentedControl,
+        SegmentedControlItem,
+        Spinner,
+    } from 'nr1';
+
+    const CHART_TYPES = {
+      'Radar': 'radar',
+      'Treemap': 'treemap'
+    }
+
+    export default class RadarOrTreemapVisualization extends React.Component {
+      // Custom props you wish to be configurable in the UI must also be defined in
+      // the nr1.json file for the visualization. See docs for more details.
+      static propTypes = {
+        /**
+         * A fill color to override the default fill color. This is an example of
+         * a custom chart configuration.
+         */
+        fill: PropTypes.string,
+
+        /**
+         * A stroke color to override the default stroke color. This is an example of
+         * a custom chart configuration.
+         */
+        stroke: PropTypes.string,
+        /**
+         * An array of objects consisting of a nrql `query` and `accountId`.
+         * This should be a standard prop for any NRQL based visualizations.
+         */
+        nrqlQueries: PropTypes.arrayOf(
+          PropTypes.shape({
+            accountId: PropTypes.number,
+            query: PropTypes.string,
+          })
+        ),
+      };
+
+      state = {
+        selectedChart: CHART_TYPES.Radar,
+      };
+
+      /**
+       * Restructure the data for a non-time-series, facet-based NRQL query into a
+       * form accepted by the Recharts library's RadarChart.
+       * (https://recharts.org/api/RadarChart).
+       */
+      transformData = (rawData) => {
+        return rawData.map((entry) => ({
+          name: entry.metadata.name,
+          // Only grabbing the first data value because this is not time-series data.
+          value: entry.data[0].y,
+        }));
+      };
+
+      /**
+       * Format the given axis tick's numeric value into a string for display.
+       */
+      formatTick = (value) => {
+        return value.toLocaleString();
+      };
+
+      updateSelectedChart = (evt, value) => {
+        this.setState({ selectedChart: value })
+      };
+
+      render() {
+        const {nrqlQueries, stroke, fill} = this.props;
+
+        const nrqlQueryPropsAvailable =
+          nrqlQueries &&
+          nrqlQueries[0] &&
+          nrqlQueries[0].accountId &&
+          nrqlQueries[0].query;
+
+        if (!nrqlQueryPropsAvailable) {
+          return <EmptyState />;
+        }
+
+        return (
+          <AutoSizer>
+            {({width, height}) => (
+              <NrqlQuery
+                query={nrqlQueries[0].query}
+                accountId={parseInt(nrqlQueries[0].accountId)}
+                pollInterval={NrqlQuery.AUTO_POLL_INTERVAL}
+              >
+                {({data, loading, error}) => {
+                  if (loading) {
+                    return <Spinner />;
+                  }
+
+                  if (error) {
+                    return <ErrorState />;
+                  }
+
+                  const transformedData = this.transformData(data);
+
+                  return (
+                    <React.Fragment>
+                    <SegmentedControl
+                      onChange={this.updateSelectedChart}
+                    >
+                      <SegmentedControlItem
+                        value={CHART_TYPES.Radar}
+                        label="Radar chart"
+                      />
+                      <SegmentedControlItem
+                        value={CHART_TYPES.Treemap}
+                        label="Treemap chart"
+                      />
+                    </SegmentedControl>
+                    <RadarChart
+                      width={width}
+                      height={height}
+                      data={transformedData}
+                    >
+                      <PolarGrid />
+                      <PolarAngleAxis dataKey="name" />
+                      <PolarRadiusAxis tickFormatter={this.formatTick} />
+                      <Radar
+                        dataKey="value"
+                        stroke={stroke || '#51C9B7'}
+                        fill={fill || '#51C9B7'}
+                        fillOpacity={0.6}
+                      />
+                    </RadarChart>
+                    </React.Fragment>
+                  );
+                }}
+              </NrqlQuery>
+            )}
+          </AutoSizer>
+        );
+      }
+    }
+
+    const EmptyState = () => (
+      <Card className="EmptyState">
+        <CardBody className="EmptyState-cardBody">
+          <HeadingText
+            spacingType={[HeadingText.SPACING_TYPE.LARGE]}
+            type={HeadingText.TYPE.HEADING_3}
+          >
+            Please provide at least one NRQL query & account ID pair
+          </HeadingText>
+          <HeadingText
+            spacingType={[HeadingText.SPACING_TYPE.MEDIUM]}
+            type={HeadingText.TYPE.HEADING_4}
+          >
+            An example NRQL query you can try is:
+          </HeadingText>
+          <code>FROM NrUsage SELECT sum(usage) FACET metric SINCE 1 week ago</code>
+        </CardBody>
+      </Card>
+    );
+
+    const ErrorState = () => (
+      <Card className="ErrorState">
+        <CardBody className="ErrorState-cardBody">
+          <HeadingText
+            className="ErrorState-headingText"
+            spacingType={[HeadingText.SPACING_TYPE.LARGE]}
+            type={HeadingText.TYPE.HEADING_3}
+          >
+            Oops! Something went wrong.
+          </HeadingText>
+        </CardBody>
+      </Card>
+    );
+    ```
+
+    ここで、 `SegmentedControl`で選択内容を変更すると、その選択内容が`state`に設定されます。
+  </Step>
+</Steps>
+
+## `Treemap`オプションを実装する [#implement-treemap]
+
+視覚化に[`Treemap`](https://recharts.org/en-US/api/Treemap)を追加します。 このマップは既存の`RadarChart`の代替となります。
+
+<Callout
+  variant="tip"
+  title="技術的詳細"
+>
+  このガイドでは、サードパーティのチャートに[Recharts](https://recharts.org)コンポーネントを使用しますが、New Relic の視覚化とアプリを構築するときに、現在の React バージョンと互換性のある他の JavaScript チャート ライブラリを使用することもできます。
+</Callout>
+
+<Steps>
+  <Step>
+    `recharts`から`Treemap`をインポートします:
+
+    ```js fileName=visualizations/radar-or-treemap/index.js
+    import React from 'react';
+    import PropTypes from 'prop-types';
+    import {
+      Radar,
+      RadarChart,
+      PolarGrid,
+      PolarAngleAxis,
+      PolarRadiusAxis,
+      Treemap,
+    } from 'recharts';
+    import {
+        AutoSizer,
+        Card,
+        CardBody,
+        HeadingText,
+        NrqlQuery,
+        SegmentedControl,
+        SegmentedControlItem,
+        Spinner,
+    } from 'nr1';
+
+    const CHART_TYPES = {
+      'Radar': 'radar',
+      'Treemap': 'treemap'
+    }
+
+    export default class RadarOrTreemapVisualization extends React.Component {
+      // Custom props you wish to be configurable in the UI must also be defined in
+      // the nr1.json file for the visualization. See docs for more details.
+      static propTypes = {
+        /**
+         * A fill color to override the default fill color. This is an example of
+         * a custom chart configuration.
+         */
+        fill: PropTypes.string,
+
+        /**
+         * A stroke color to override the default stroke color. This is an example of
+         * a custom chart configuration.
+         */
+        stroke: PropTypes.string,
+        /**
+         * An array of objects consisting of a nrql `query` and `accountId`.
+         * This should be a standard prop for any NRQL based visualizations.
+         */
+        nrqlQueries: PropTypes.arrayOf(
+          PropTypes.shape({
+            accountId: PropTypes.number,
+            query: PropTypes.string,
+          })
+        ),
+      };
+
+      state = {
+        selectedChart: CHART_TYPES.Radar,
+      };
+
+      /**
+       * Restructure the data for a non-time-series, facet-based NRQL query into a
+       * form accepted by the Recharts library's RadarChart.
+       * (https://recharts.org/api/RadarChart).
+       */
+      transformData = (rawData) => {
+        return rawData.map((entry) => ({
+          name: entry.metadata.name,
+          // Only grabbing the first data value because this is not time-series data.
+          value: entry.data[0].y,
+        }));
+      };
+
+      /**
+       * Format the given axis tick's numeric value into a string for display.
+       */
+      formatTick = (value) => {
+        return value.toLocaleString();
+      };
+
+      updateSelectedChart = (evt, value) => {
+        this.setState({ selectedChart: value })
+      };
+
+      render() {
+        const {nrqlQueries, stroke, fill} = this.props;
+
+        const nrqlQueryPropsAvailable =
+          nrqlQueries &&
+          nrqlQueries[0] &&
+          nrqlQueries[0].accountId &&
+          nrqlQueries[0].query;
+
+        if (!nrqlQueryPropsAvailable) {
+          return <EmptyState />;
+        }
+
+        return (
+          <AutoSizer>
+            {({width, height}) => (
+              <NrqlQuery
+                query={nrqlQueries[0].query}
+                accountId={parseInt(nrqlQueries[0].accountId)}
+                pollInterval={NrqlQuery.AUTO_POLL_INTERVAL}
+              >
+                {({data, loading, error}) => {
+                  if (loading) {
+                    return <Spinner />;
+                  }
+
+                  if (error) {
+                    return <ErrorState />;
+                  }
+
+                  const transformedData = this.transformData(data);
+
+                  return (
+                    <React.Fragment>
+                    <SegmentedControl
+                      onChange={this.updateSelectedChart}
+                    >
+                      <SegmentedControlItem
+                        value={CHART_TYPES.Radar}
+                        label="Radar chart"
+                      />
+                      <SegmentedControlItem
+                        value={CHART_TYPES.Treemap}
+                        label="Treemap chart"
+                      />
+                    </SegmentedControl>
+                    <RadarChart
+                      width={width}
+                      height={height}
+                      data={transformedData}
+                    >
+                      <PolarGrid />
+                      <PolarAngleAxis dataKey="name" />
+                      <PolarRadiusAxis tickFormatter={this.formatTick} />
+                      <Radar
+                        dataKey="value"
+                        stroke={stroke || '#51C9B7'}
+                        fill={fill || '#51C9B7'}
+                        fillOpacity={0.6}
+                      />
+                    </RadarChart>
+                    </React.Fragment>
+                  );
+                }}
+              </NrqlQuery>
+            )}
+          </AutoSizer>
+        );
+      }
+    }
+
+    const EmptyState = () => (
+      <Card className="EmptyState">
+        <CardBody className="EmptyState-cardBody">
+          <HeadingText
+            spacingType={[HeadingText.SPACING_TYPE.LARGE]}
+            type={HeadingText.TYPE.HEADING_3}
+          >
+            Please provide at least one NRQL query & account ID pair
+          </HeadingText>
+          <HeadingText
+            spacingType={[HeadingText.SPACING_TYPE.MEDIUM]}
+            type={HeadingText.TYPE.HEADING_4}
+          >
+            An example NRQL query you can try is:
+          </HeadingText>
+          <code>FROM NrUsage SELECT sum(usage) FACET metric SINCE 1 week ago</code>
+        </CardBody>
+      </Card>
+    );
+
+    const ErrorState = () => (
+      <Card className="ErrorState">
+        <CardBody className="ErrorState-cardBody">
+          <HeadingText
+            className="ErrorState-headingText"
+            spacingType={[HeadingText.SPACING_TYPE.LARGE]}
+            type={HeadingText.TYPE.HEADING_3}
+          >
+            Oops! Something went wrong.
+          </HeadingText>
+        </CardBody>
+      </Card>
+    );
+    ```
+
+    これで、視覚化コンポーネントで`Treemap`を使用できるようになりました。
+  </Step>
+
+  <Step>
+    `render()`に`Treemap`コンポーネントを追加します。
+
+    ```js fileName=visualizations/radar-or-treemap/index.js
+    import React from 'react';
+    import PropTypes from 'prop-types';
+    import {
+      Radar,
+      RadarChart,
+      PolarGrid,
+      PolarAngleAxis,
+      PolarRadiusAxis,
+      Treemap,
+    } from 'recharts';
+    import {
+        AutoSizer,
+        Card,
+        CardBody,
+        HeadingText,
+        NrqlQuery,
+        SegmentedControl,
+        SegmentedControlItem,
+        Spinner,
+    } from 'nr1';
+
+    const CHART_TYPES = {
+      'Radar': 'radar',
+      'Treemap': 'treemap'
+    }
+
+    export default class RadarOrTreemapVisualization extends React.Component {
+      // Custom props you wish to be configurable in the UI must also be defined in
+      // the nr1.json file for the visualization. See docs for more details.
+      static propTypes = {
+        /**
+         * A fill color to override the default fill color. This is an example of
+         * a custom chart configuration.
+         */
+        fill: PropTypes.string,
+
+        /**
+         * A stroke color to override the default stroke color. This is an example of
+         * a custom chart configuration.
+         */
+        stroke: PropTypes.string,
+        /**
+         * An array of objects consisting of a nrql `query` and `accountId`.
+         * This should be a standard prop for any NRQL based visualizations.
+         */
+        nrqlQueries: PropTypes.arrayOf(
+          PropTypes.shape({
+            accountId: PropTypes.number,
+            query: PropTypes.string,
+          })
+        ),
+      };
+
+      state = {
+        selectedChart: CHART_TYPES.Radar,
+      };
+
+      /**
+       * Restructure the data for a non-time-series, facet-based NRQL query into a
+       * form accepted by the Recharts library's RadarChart.
+       * (https://recharts.org/api/RadarChart).
+       */
+      transformData = (rawData) => {
+        return rawData.map((entry) => ({
+          name: entry.metadata.name,
+          // Only grabbing the first data value because this is not time-series data.
+          value: entry.data[0].y,
+        }));
+      };
+
+      /**
+       * Format the given axis tick's numeric value into a string for display.
+       */
+      formatTick = (value) => {
+        return value.toLocaleString();
+      };
+
+      updateSelectedChart = (evt, value) => {
+        this.setState({ selectedChart: value })
+      };
+
+      render() {
+        const {nrqlQueries, stroke, fill} = this.props;
+
+        const nrqlQueryPropsAvailable =
+          nrqlQueries &&
+          nrqlQueries[0] &&
+          nrqlQueries[0].accountId &&
+          nrqlQueries[0].query;
+
+        if (!nrqlQueryPropsAvailable) {
+          return <EmptyState />;
+        }
+
+        return (
+          <AutoSizer>
+            {({width, height}) => (
+              <NrqlQuery
+                query={nrqlQueries[0].query}
+                accountId={parseInt(nrqlQueries[0].accountId)}
+                pollInterval={NrqlQuery.AUTO_POLL_INTERVAL}
+              >
+                {({data, loading, error}) => {
+                  if (loading) {
+                    return <Spinner />;
+                  }
+
+                  if (error) {
+                    return <ErrorState />;
+                  }
+
+                  const transformedData = this.transformData(data);
+
+                  return (
+                    <React.Fragment>
+                    <SegmentedControl
+                      onChange={this.updateSelectedChart}
+                    >
+                      <SegmentedControlItem
+                        value={CHART_TYPES.Radar}
+                        label="Radar chart"
+                      />
+                      <SegmentedControlItem
+                        value={CHART_TYPES.Treemap}
+                        label="Treemap chart"
+                      />
+                    </SegmentedControl>
+                    <RadarChart
+                      width={width}
+                      height={height}
+                      data={transformedData}
+                    >
+                      <PolarGrid />
+                      <PolarAngleAxis dataKey="name" />
+                      <PolarRadiusAxis tickFormatter={this.formatTick} />
+                      <Radar
+                        dataKey="value"
+                        stroke={stroke || '#51C9B7'}
+                        fill={fill || '#51C9B7'}
+                        fillOpacity={0.6}
+                      />
+                    </RadarChart>
+                    <Treemap
+                      width={width}
+                      height={height}
+                      data={transformedData}
+                      dataKey="value"
+                      ratio={4 / 3}
+                      stroke={stroke || '#000000'}
+                      fill={fill || '#51C9B7'}
+                    />
+                    </React.Fragment>
+                  );
+                }}
+              </NrqlQuery>
+            )}
+          </AutoSizer>
+        );
+      }
+    }
+
+    const EmptyState = () => (
+      <Card className="EmptyState">
+        <CardBody className="EmptyState-cardBody">
+          <HeadingText
+            spacingType={[HeadingText.SPACING_TYPE.LARGE]}
+            type={HeadingText.TYPE.HEADING_3}
+          >
+            Please provide at least one NRQL query & account ID pair
+          </HeadingText>
+          <HeadingText
+            spacingType={[HeadingText.SPACING_TYPE.MEDIUM]}
+            type={HeadingText.TYPE.HEADING_4}
+          >
+            An example NRQL query you can try is:
+          </HeadingText>
+          <code>FROM NrUsage SELECT sum(usage) FACET metric SINCE 1 week ago</code>
+        </CardBody>
+      </Card>
+    );
+
+    const ErrorState = () => (
+      <Card className="ErrorState">
+        <CardBody className="ErrorState-cardBody">
+          <HeadingText
+            className="ErrorState-headingText"
+            spacingType={[HeadingText.SPACING_TYPE.LARGE]}
+            type={HeadingText.TYPE.HEADING_3}
+          >
+            Oops! Something went wrong.
+          </HeadingText>
+        </CardBody>
+      </Card>
+    );
+    ```
+
+    ここでは、 `height` 、 `width` 、 `fill` 、 `stroke`などのいくつかのプロパティを使用して、新しい`Treemap`コンポーネントを定義しました。
+  </Step>
+
+  <Step>
+    Nerdpack をローカルで提供して、[視覚化を表示します](https://one.newrelic.com?nerdpacks=local)。 `SegmentedControl`と`RadarChart`ビューの上部にありますが、下にスクロールすると新しい`Treemap`が表示されます。
+  </Step>
+</Steps>
+
+<Steps>
+  <Step>
+    ## コンポーネントのチャートを切り替える `state` [#switch-charts]
+
+    `state.selectedChart`を使用して、表示するグラフ`RadarChart`または`Treemap`を決定します。
+  </Step>
+
+  <Step>
+    `this.state`を分解して、別の定数として`selectedChart`にアクセスします。 次に、 `selectedChart`と`CHART_TYPES.Radar`を比較します。 同じ場合は、 `RadarChart`をレンダリングします。 それ以外の場合は、 `Treemap`をレンダリングします。
+
+    ```js fileName=visualizations/radar-or-treemap/index.js
+    import React from 'react';
+    import PropTypes from 'prop-types';
+    import {
+      Radar,
+      RadarChart,
+      PolarGrid,
+      PolarAngleAxis,
+      PolarRadiusAxis,
+      Treemap,
+    } from 'recharts';
+    import {
+        AutoSizer,
+        Card,
+        CardBody,
+        HeadingText,
+        NrqlQuery,
+        SegmentedControl,
+        SegmentedControlItem,
+        Spinner,
+    } from 'nr1';
+
+    const CHART_TYPES = {
+      'Radar': 'radar',
+      'Treemap': 'treemap'
+    }
+
+    export default class RadarOrTreemapVisualization extends React.Component {
+      // Custom props you wish to be configurable in the UI must also be defined in
+      // the nr1.json file for the visualization. See docs for more details.
+      static propTypes = {
+        /**
+         * A fill color to override the default fill color. This is an example of
+         * a custom chart configuration.
+         */
+        fill: PropTypes.string,
+
+        /**
+         * A stroke color to override the default stroke color. This is an example of
+         * a custom chart configuration.
+         */
+        stroke: PropTypes.string,
+        /**
+         * An array of objects consisting of a nrql `query` and `accountId`.
+         * This should be a standard prop for any NRQL based visualizations.
+         */
+        nrqlQueries: PropTypes.arrayOf(
+          PropTypes.shape({
+            accountId: PropTypes.number,
+            query: PropTypes.string,
+          })
+        ),
+      };
+
+      state = {
+        selectedChart: CHART_TYPES.Radar,
+      };
+
+      /**
+       * Restructure the data for a non-time-series, facet-based NRQL query into a
+       * form accepted by the Recharts library's RadarChart.
+       * (https://recharts.org/api/RadarChart).
+       */
+      transformData = (rawData) => {
+        return rawData.map((entry) => ({
+          name: entry.metadata.name,
+          // Only grabbing the first data value because this is not time-series data.
+          value: entry.data[0].y,
+        }));
+      };
+
+      /**
+       * Format the given axis tick's numeric value into a string for display.
+       */
+      formatTick = (value) => {
+        return value.toLocaleString();
+      };
+
+      updateSelectedChart = (evt, value) => {
+        this.setState({ selectedChart: value })
+      };
+
+      render() {
+        const {nrqlQueries, stroke, fill} = this.props;
+        const {selectedChart} = this.state;
+
+        const nrqlQueryPropsAvailable =
+          nrqlQueries &&
+          nrqlQueries[0] &&
+          nrqlQueries[0].accountId &&
+          nrqlQueries[0].query;
+
+        if (!nrqlQueryPropsAvailable) {
+          return <EmptyState />;
+        }
+
+        return (
+          <AutoSizer>
+            {({width, height}) => (
+              <NrqlQuery
+                query={nrqlQueries[0].query}
+                accountId={parseInt(nrqlQueries[0].accountId)}
+                pollInterval={NrqlQuery.AUTO_POLL_INTERVAL}
+              >
+                {({data, loading, error}) => {
+                  if (loading) {
+                    return <Spinner />;
+                  }
+
+                  if (error) {
+                    return <ErrorState />;
+                  }
+
+                  const transformedData = this.transformData(data);
+
+                  return (
+                    <React.Fragment>
+                    <SegmentedControl
+                      onChange={this.updateSelectedChart}
+                    >
+                      <SegmentedControlItem
+                        value={CHART_TYPES.Radar}
+                        label="Radar chart"
+                      />
+                      <SegmentedControlItem
+                        value={CHART_TYPES.Treemap}
+                        label="Treemap chart"
+                      />
+                    </SegmentedControl>
+                    {selectedChart === CHART_TYPES.Radar ? (
+                    <RadarChart
+                      width={width}
+                      height={height}
+                      data={transformedData}
+                    >
+                      <PolarGrid />
+                      <PolarAngleAxis dataKey="name" />
+                      <PolarRadiusAxis tickFormatter={this.formatTick} />
+                      <Radar
+                        dataKey="value"
+                        stroke={stroke || '#51C9B7'}
+                        fill={fill || '#51C9B7'}
+                        fillOpacity={0.6}
+                      />
+                    </RadarChart>
+                    ) : (
+                    <Treemap
+                      width={width}
+                      height={height}
+                      data={transformedData}
+                      dataKey="value"
+                      ratio={4 / 3}
+                      stroke={stroke || '#000000'}
+                      fill={fill || '#51C9B7'}
+                    />
+                    )}
+                    </React.Fragment>
+                  );
+                }}
+              </NrqlQuery>
+            )}
+          </AutoSizer>
+        );
+      }
+    }
+
+    const EmptyState = () => (
+      <Card className="EmptyState">
+        <CardBody className="EmptyState-cardBody">
+          <HeadingText
+            spacingType={[HeadingText.SPACING_TYPE.LARGE]}
+            type={HeadingText.TYPE.HEADING_3}
+          >
+            Please provide at least one NRQL query & account ID pair
+          </HeadingText>
+          <HeadingText
+            spacingType={[HeadingText.SPACING_TYPE.MEDIUM]}
+            type={HeadingText.TYPE.HEADING_4}
+          >
+            An example NRQL query you can try is:
+          </HeadingText>
+          <code>FROM NrUsage SELECT sum(usage) FACET metric SINCE 1 week ago</code>
+        </CardBody>
+      </Card>
+    );
+
+    const ErrorState = () => (
+      <Card className="ErrorState">
+        <CardBody className="ErrorState-cardBody">
+          <HeadingText
+            className="ErrorState-headingText"
+            spacingType={[HeadingText.SPACING_TYPE.LARGE]}
+            type={HeadingText.TYPE.HEADING_3}
+          >
+            Oops! Something went wrong.
+          </HeadingText>
+        </CardBody>
+      </Card>
+    );
+    ```
+
+    ここでは、三項式を使用して`RadarChart`または`Treemap`をレンダリングしました。 レンダリングされるチャートは、 `selectedChart`の値によって決まります。
+  </Step>
+
+  <Step>
+    Nerdpack をローカルで提供して、[視覚化を表示します](https://one.newrelic.com?nerdpacks=local)。
+
+    `SegmentedControl`から**Radar chart** \[レーダーチャート]を選択します。
+
+    `SegmentedControl`から**Treemap chart** \[ツリーマップ チャート]を選択します。
+  </Step>
+</Steps>
+
+## 概要 [#summary]
+
+おめでとう！ このレッスンでは、次の方法を学習しました。
+
+* New Relic One SDKコンポーネントを使用して視覚化をカスタマイズする
+* 視覚化に新しいチャートタイプを追加する
+* 視覚化でユーザーインタラクションを作成する
+
+<Callout variant="tip">
+  このレッスンは、New Relic プラットフォームでカスタム視覚化を構築する方法を学習するコースの一部です。 準備ができたら、次のレッスン「[設定を使用して視覚化をカスタマイズする」](/docs/new-relic-solutions/tutorials/custom-visualization-config)に進んでください。
+</Callout>
\ No newline at end of file
diff --git a/src/i18n/content/jp/docs/serverless-function-monitoring/aws-lambda-monitoring/enable-lambda-monitoring/containerized-images.mdx b/src/i18n/content/jp/docs/serverless-function-monitoring/aws-lambda-monitoring/enable-lambda-monitoring/containerized-images.mdx
index cbcf8ea3a2b..df81b9e522c 100644
--- a/src/i18n/content/jp/docs/serverless-function-monitoring/aws-lambda-monitoring/enable-lambda-monitoring/containerized-images.mdx
+++ b/src/i18n/content/jp/docs/serverless-function-monitoring/aws-lambda-monitoring/enable-lambda-monitoring/containerized-images.mdx
@@ -5,24 +5,40 @@ freshnessValidatedDate: never
 translationType: machine
 ---
 
-Lambda のコンテナ化されたイメージを使用していて、アプリケーションを監視する場合は、コードにNew Relicを追加する必要があります。 事前に構築されたレイヤーをイメージに追加したら、そのイメージをAWS Elastic Container Registry にプッシュします。 そこから、関数を実行するたびに、New Relic も同時に実行されます。
+import serverlessContainerizedImagesWithLambda from 'images/serverless_diagram_containerized-images-with-lambda.webp'
+
+Lambda 関数にコンテナ化されたイメージを使用していて、アプリケーションを監視する場合は、コードにNew Relicを追加する必要があります。 たとえば、予算作成アプリケーションの開発者であり、顧客が**See my balance** \[残高を表示] をクリックするたびに Lambda 関数を使用して口座残高を計算しているとします。 潜在的なレイテンシを深く掘り下げたい。 その場合、関数に New Relic を追加する必要があります。そうすれば、顧客が**See my balance** \[残高を表示]をクリックするたびに関数が実行され、New Relic も実行されます。
+
+まず、New Relic の事前構築済みレイヤーをコードに追加する必要があります。 そこから、イメージ[をAWS Elastic Container Registry](https://console.aws.amazon.com/ecr/home/)にプッシュする必要があります。 New Relic の事前構築済みレイヤーと組み合わせてコードをプッシュした後、AWS ECR にプッシュしたイメージから新しい関数を作成する必要があります。
+
+事前に構築されたレイヤーがどのように機能するかを理解するには、この図をご覧ください。
+
+<img
+  title="containerized images "
+  alt="A diagram demonstrating how New Relic integrates with your Lambda containerized image."
+  src={serverlessContainerizedImagesWithLambda}
+/>
+
+<figcaption>
+  Lambda関数にコンテナ化されたイメージを使用している場合は、イメージにNew Relicを追加できます。
+</figcaption>
 
 事前に構築されたレイヤーをコードに追加するためのガイドを以下に示します。
 
 <Steps>
   <Step>
-    ### Dockerfile に New Relic を追加します。
+    ### DockerfileにNew Relicを追加する
 
     New Relicは、レイヤーのさまざまなランタイム（Java、Node.js、 Python、拡張機能のみ。
 
     1. 特定の Lambda 関数のランタイムとリージョンと互換性のあるレイヤーを選択します。
 
-    * [Java](https://gallery.ecr.aws/newrelic-lambda-layers-for-docker/newrelic-lambda-layers-java)
-    * [Node.js](https://gallery.ecr.aws/newrelic-lambda-layers-for-docker/newrelic-lambda-layers-nodejs)
-    * [Python](https://gallery.ecr.aws/x6n7b2o2/newrelic-lambda-layers-python)
-    * [拡張機能のみ](https://gallery.ecr.aws/newrelic-lambda-layers-for-docker/newrelic-lambda-layers-lambdaextension)
+       * [Java](https://gallery.ecr.aws/newrelic-lambda-layers-for-docker/newrelic-lambda-layers-java)
+       * [Node.js](https://gallery.ecr.aws/newrelic-lambda-layers-for-docker/newrelic-lambda-layers-nodejs)
+       * [Python](https://gallery.ecr.aws/x6n7b2o2/newrelic-lambda-layers-python)
+       * [拡張機能のみ](https://gallery.ecr.aws/newrelic-lambda-layers-for-docker/newrelic-lambda-layers-lambdaextension)
 
-    1. **Dockerfile の先頭に**次のコードを追加します。
+    2. Dockerfile の先頭に次のコードを追加します。
 
     <Tabs>
       <TabsBar>
@@ -54,7 +70,7 @@ Lambda のコンテナ化されたイメージを使用していて、アプリ
         </TabsPageItem>
 
         <TabsPageItem id="python">
-          ```
+          ```java
           FROM public.ecr.aws/newrelic-lambda-layers-for-docker/newrelic-lambda-layers-python:38-arm64 AS layer
 
           # Layer code
@@ -63,7 +79,7 @@ Lambda のコンテナ化されたイメージを使用していて、アプリ
         </TabsPageItem>
 
         <TabsPageItem id="nodejs">
-          ```
+          ```js
           FROM public.ecr.aws/newrelic-lambda-layers-for-docker/newrelic-lambda-layers-nodejs:20-arm64 AS layer
 
           # Layer code
@@ -93,13 +109,606 @@ Lambda のコンテナ化されたイメージを使用していて、アプリ
   <Step>
     ### Lambda関数を設定する
 
-    1. AWS ECR にプッシュしたイメージを使用して新しい Lambda 関数を作成します。 この関数を作成する方法の詳細については、AWS ガイド[「コンテナイメージの操作」](https://docs.aws.amazon.com/lambda/latest/dg/images-create.html)を確認することをお勧めします。
+    1. AWS ECR にプッシュしたイメージを使用して新しい Lambda 関数を作成します。 この関数の作成の詳細については、AWS ガイド「[コンテナイメージの操作」](https://docs.aws.amazon.com/lambda/latest/dg/images-create.html)を確認することをお勧めします。
 
-    2. Lambda 関数を元の関数と同じ設定で構成しますが、 New Relic Lambda 監視に必要な環境変数を必ず追加してください。
+    2. Lambda 関数を元の関数と同じ設定で構成しますが、 New Relic Lambda 監視に必要な環境変数を必ず追加してください。 詳細については、 [環境変数を](/docs/serverless-function-monitoring/aws-lambda-monitoring/enable-lambda-monitoring/containerized-images/#environment)参照してください。
 
     3. 関数のハンドラーを更新して、関数の`cmd`オーバーライドで新しくアタッチされたレイヤーを指すようにします。 次の 2 つのドキュメントの指示に従ってそれを実行できます。
 
        * [ラムダコンソールのUI設定](https://docs.newrelic.com/docs/serverless-function-monitoring/aws-lambda-monitoring/enable-lambda-monitoring/instrument-your-own/#console)
        * [Lambda 監視のためのレイヤーレス インストゥルメンテーション](docs/serverless-function-monitoring/aws-lambda-monitoring/enable-lambda-monitoring/enable-serverless-monitoring-aws-lambda-layerless)
   </Step>
-</Steps>
\ No newline at end of file
+</Steps>
+
+## 環境変数 [#environment]
+
+監視ニーズに合ったNew Relic環境変数を使用して新しい Lambda 関数を構成することが重要です。 ランタイムを選択して、利用可能な環境変数とデフォルト設定の推奨事項を確認してください。
+
+<CollapserGroup>
+  <Collapser
+    id="distributed-tracing"
+    title="Node.js および Python エージェント向けディストリビューティッド（分散）トレーシング"
+  >
+    <table>
+      <thead>
+        <tr>
+          <th>
+            環境変数
+          </th>
+
+          <th>
+            デフォルト値
+          </th>
+
+          <th>
+            オプション
+          </th>
+
+          <th>
+            説明
+          </th>
+        </tr>
+      </thead>
+
+      <tbody>
+        <tr>
+          <td>
+            `NEW_RELIC_ACCOUNT_ID`
+          </td>
+
+          <td/>
+
+          <td/>
+
+          <td>
+            NewRelicアカウントID
+          </td>
+        </tr>
+
+        <tr>
+          <td>
+            `NEW_RELIC_TRUSTED_ACCOUNT_KEY`
+          </td>
+
+          <td/>
+
+          <td/>
+
+          <td>
+            New RelicアカウントIDまたは親ID（存在する場合）
+          </td>
+        </tr>
+
+        <tr>
+          <td>
+            `NEW_RELIC_DISTRIBUTED_TRACING_ENABLED`
+          </td>
+
+          <td>
+            `false`
+          </td>
+
+          <td>
+            `true`, `false`
+          </td>
+
+          <td>
+            ディストリビューティッド（分散）トレーシングを有効または無効にする
+          </td>
+        </tr>
+      </tbody>
+    </table>
+  </Collapser>
+
+  <Collapser
+    id="node-js"
+    title="Node.js"
+  >
+    <table>
+      <thead>
+        <tr>
+          <th>
+            環境変数
+          </th>
+
+          <th>
+            デフォルト値
+          </th>
+
+          <th>
+            オプション
+          </th>
+
+          <th>
+            説明
+          </th>
+        </tr>
+      </thead>
+
+      <tbody>
+        <tr>
+          <td>
+            `NEW_RELIC_NO_CONFIG_FILE`
+          </td>
+
+          <td>
+            `false`
+          </td>
+
+          <td>
+            `true`, `false`
+          </td>
+
+          <td>
+            Node.jsエージェントはLambdaで環境変数を使用するので、これを次のように設定する必要があります。 `true`
+          </td>
+        </tr>
+
+        <tr>
+          <td>
+            `NEW_RELIC_APP_NAME`
+          </td>
+
+          <td/>
+
+          <td/>
+
+          <td>
+            設定する必要がありますが、New Relic UI では使用されません。 代わりに、エンタープライズ名はAWSインテグレーションから取得されます。
+          </td>
+        </tr>
+
+        <tr>
+          <td>
+            `NEW_RELIC_LOG_ENABLED`
+          </td>
+
+          <td>
+            `false`
+          </td>
+
+          <td>
+            `true`,`false`
+          </td>
+
+          <td>
+            エージェントログをCloudWatchに出力します
+          </td>
+        </tr>
+
+        <tr>
+          <td>
+            `NEW_RELIC_LOG_LEVEL`
+          </td>
+
+          <td>
+            `info`
+          </td>
+
+          <td>
+            `fatal`、 `error` 、 `warn` 、 `info` 、 `debug` 、 `trace`
+          </td>
+
+          <td>
+            エージェントログレベル
+          </td>
+        </tr>
+
+        <tr>
+          <td>
+            `NEW_RELIC_LOG`
+          </td>
+
+          <td>
+            `stdout`
+          </td>
+
+          <td>
+            `stdout`
+          </td>
+
+          <td>
+            サーバーレス モードの Node.js エージェントの場合、エージェント ログ パスは stdout である必要があります。
+          </td>
+        </tr>
+
+        <tr>
+          <td>
+            `NEW_RELIC_USE_ESM`
+          </td>
+
+          <td>
+            `false`
+          </td>
+
+          <td>
+            `true`, `false`
+          </td>
+
+          <td>
+            コールバックではなくasync/awaitを使用するESM関数
+          </td>
+        </tr>
+
+        <tr>
+          <td>
+            `NEW_RELIC_NATIVE_METRICS_ENABLED`
+          </td>
+
+          <td>
+            `true`
+          </td>
+
+          <td>
+            `true`, `false`
+          </td>
+
+          <td>
+            コールド スタートの期間を短縮するには、false に設定する必要があります。 `false`に設定するとVMメトリクスは収集されません
+          </td>
+        </tr>
+      </tbody>
+    </table>
+
+    さらに多くの環境変数については[、Node.js 設定ドキュメント](/docs/apm/agents/nodejs-agent/installation-configuration/nodejs-agent-configuration/)をご覧ください。
+  </Collapser>
+
+  <Collapser
+    id="python"
+    title="Python"
+  >
+    <table>
+      <thead>
+        <tr>
+          <th>
+            環境変数
+          </th>
+
+          <th>
+            デフォルト値
+          </th>
+
+          <th>
+            オプション
+          </th>
+
+          <th>
+            説明
+          </th>
+        </tr>
+      </thead>
+
+      <tbody>
+        <tr>
+          <td>
+            `NEW_RELIC_NO_CONFIG_FILE`
+          </td>
+
+          <td>
+            `false`
+          </td>
+
+          <td>
+            `true`, `false`
+          </td>
+
+          <td>
+            エージェントはLambdaで環境変数を使用するため、これをtrueに設定する必要があります
+          </td>
+        </tr>
+
+        <tr>
+          <td>
+            `NEW_RELIC_APP_NAME`
+          </td>
+
+          <td/>
+
+          <td/>
+
+          <td>
+            設定する必要がありますが、New Relic UI では使用されません。 代わりに、エンタープライズ名はAWSインテグレーションから取得されます。
+          </td>
+        </tr>
+
+        <tr>
+          <td>
+            `NEW_RELIC_LOG`
+          </td>
+
+          <td>
+            `stderr`
+          </td>
+
+          <td>
+            `stderr`
+          </td>
+
+          <td>
+            サーバーレス モードの Python エージェントの場合、エージェント ログ パスは`stderr `である必要があります
+          </td>
+        </tr>
+
+        <tr>
+          <td>
+            `NEW_RELIC_LOG_LEVEL`
+          </td>
+
+          <td>
+            `info`
+          </td>
+
+          <td>
+            `critical`、`error`、`warning`、`info`、 `debug`
+          </td>
+
+          <td>
+            エージェントログレベル
+          </td>
+        </tr>
+
+        <tr>
+          <td>
+            `NEW_RELIC_SERVERLESS_MODE_ENABLED`
+          </td>
+
+          <td>
+            `false`
+          </td>
+
+          <td>
+            `true`, `false`
+          </td>
+
+          <td>
+            エージェントがサーバーレスモードで実行されるように、これを`true`に設定する必要があります。
+          </td>
+        </tr>
+
+        <tr>
+          <td>
+            `NEW_RELIC_PACKAGE_REPORTING_ENABLED`
+          </td>
+
+          <td>
+            `true`
+          </td>
+
+          <td>
+            `true`, `false`
+          </td>
+
+          <td>
+            コールドスタート時間を改善するには、Python エージェント パッケージ レポートを`false`に設定する必要があります。
+          </td>
+        </tr>
+      </tbody>
+    </table>
+
+    その他の環境変数については、 [Python 設定ドキュメント](/docs/apm/agents/python-agent/configuration/python-agent-configuration)をご覧ください。
+  </Collapser>
+
+  <Collapser
+    id="java"
+    title="Java オープン トレース"
+  >
+    <table>
+      <thead>
+        <tr>
+          <th>
+            環境変数
+          </th>
+
+          <th>
+            デフォルト値
+          </th>
+
+          <th>
+            オプション
+          </th>
+
+          <th>
+            説明
+          </th>
+        </tr>
+      </thead>
+
+      <tbody>
+        <tr>
+          <td>
+            `NEW_RELIC_PRIMARY_APPLICATION_ID`
+          </td>
+
+          <td/>
+
+          <td/>
+
+          <td>
+            NewRelicアカウントID
+          </td>
+        </tr>
+
+        <tr>
+          <td>
+            `NEW_RELIC_DEBUG`
+          </td>
+
+          <td>
+            `false`
+          </td>
+
+          <td>
+            `true`, `false`
+          </td>
+
+          <td>
+            エージェントログレベル
+          </td>
+        </tr>
+      </tbody>
+    </table>
+  </Collapser>
+
+  <Collapser
+    id="extension"
+    title="拡張子"
+  >
+    <table>
+      <thead>
+        <tr>
+          <th>
+            環境変数
+          </th>
+
+          <th>
+            デフォルト値
+          </th>
+
+          <th>
+            オプション
+          </th>
+
+          <th>
+            説明
+          </th>
+        </tr>
+      </thead>
+
+      <tbody>
+        <tr>
+          <td>
+            `NEW_RELIC_LAMBDA_EXTENSION_ENABLED`
+          </td>
+
+          <td>
+            `true`
+          </td>
+
+          <td>
+            `true`, `false`
+          </td>
+
+          <td>
+            拡張機能を有効または無効にする
+          </td>
+        </tr>
+
+        <tr>
+          <td>
+            `NEW_RELIC_LICENSE_KEY`
+          </td>
+
+          <td/>
+
+          <td/>
+
+          <td>
+            New Relic 取り込みキー。 これはシークレットマネージャーを上書きします
+          </td>
+        </tr>
+
+        <tr>
+          <td>
+            `NEW_RELIC_LICENSE_KEY_SECRET`
+          </td>
+
+          <td>
+            `NEW_RELIC_LICENSE_KEY`
+          </td>
+
+          <td/>
+
+          <td>
+            AWS Secrets Manager のカスタムシークレット名
+          </td>
+        </tr>
+
+        <tr>
+          <td>
+            `NEW_RELIC_LAMBDA_HANDLER`
+          </td>
+
+          <td/>
+
+          <td/>
+
+          <td>
+            New Relic の[手動ラッピング方法を](https://github.com/newrelic/newrelic-lambda-layers?tab=readme-ov-file#note-on-performance-for-es-module-functions)使用しない場合、これが関数のハンドラーになります。
+          </td>
+        </tr>
+
+        <tr>
+          <td>
+            `NEW_RELIC_DATA_COLLECTION_TIMEOUT`
+          </td>
+
+          <td>
+            10s
+          </td>
+
+          <td/>
+
+          <td>
+            タイムアウト時間を短縮する `Telemetry client error`
+          </td>
+        </tr>
+
+        <tr>
+          <td>
+            `NEW_RELIC_EXTENSION_LOGS_ENABLED`
+          </td>
+
+          <td>
+            `true`
+          </td>
+
+          <td>
+            `true`, `false`
+          </td>
+
+          <td>
+            `NR_EXT`ログ行を有効または無効にする
+          </td>
+        </tr>
+
+        <tr>
+          <td>
+            `NEW_RELIC_EXTENSION_LOG_LEVEL`
+          </td>
+
+          <td>
+            `info`
+          </td>
+
+          <td>
+            `info`, `debug`
+          </td>
+
+          <td>
+            NR_EXT ログ行のログレベル
+          </td>
+        </tr>
+
+        <tr>
+          <td>
+            `NEW_RELIC_EXTENSION_SEND_FUNCTION_LOGS`
+          </td>
+
+          <td>
+            `false`
+          </td>
+
+          <td>
+            `true`, `false`
+          </td>
+
+          <td>
+            機能ログを送信する
+          </td>
+        </tr>
+      </tbody>
+    </table>
+
+    New Relic 拡張機能のその他の環境変数については、 [ドキュメント](https://github.com/newrelic/newrelic-lambda-extension/blob/cf86fb53f0bd816e1d09d07f7b5c5ab4841010a0/config/config.go#L41-L55)をご覧ください。
+  </Collapser>
+</CollapserGroup>
\ No newline at end of file
diff --git a/src/i18n/content/kr/docs/accounts/accounts-billing/new-relic-one-user-management/user-permissions.mdx b/src/i18n/content/kr/docs/accounts/accounts-billing/new-relic-one-user-management/user-permissions.mdx
index a3eb350112a..3d67d954d22 100644
--- a/src/i18n/content/kr/docs/accounts/accounts-billing/new-relic-one-user-management/user-permissions.mdx
+++ b/src/i18n/content/kr/docs/accounts/accounts-billing/new-relic-one-user-management/user-permissions.mdx
@@ -250,7 +250,7 @@ UI로 이동하여 사전 구축된 각 역할에 대한 권한을 볼 수 있
 
     * <DoNotTranslate>**View session replays**</DoNotTranslate>
 
-      : 리플레이 [허용 목록](/docs/browser/browser-monitoring/browser-pro-features/session-replay) 보기와 관련됩니다.
+      : [리플레이 시청과 관련됩니다.](/docs/browser/browser-monitoring/browser-pro-features/session-replay).
   </Collapser>
 
   <Collapser
diff --git a/src/i18n/content/kr/docs/apm/agents/nodejs-agent/installation-configuration/nodejs-agent-configuration.mdx b/src/i18n/content/kr/docs/apm/agents/nodejs-agent/installation-configuration/nodejs-agent-configuration.mdx
index 2a5950a4aae..3ae346255b4 100644
--- a/src/i18n/content/kr/docs/apm/agents/nodejs-agent/installation-configuration/nodejs-agent-configuration.mdx
+++ b/src/i18n/content/kr/docs/apm/agents/nodejs-agent/installation-configuration/nodejs-agent-configuration.mdx
@@ -5,16 +5,17 @@ tags:
   - Nodejs agent
   - Installation and configuration
 metaDescription: 'For New Relic''s Node.js agent: how to set configuration using your config file, environment variables, or server-side config.'
+freshnessValidatedDate: never
 translationType: machine
 ---
 
-import nodejsConfigurationPrecedence from 'images/nodejs-configuration-precedence.webp'
+import apmNodejsAgentConfigurationHierarchy from 'images/apm_diagram_nodejs-agent-configuration-hierarchy.webp'
 
 `newrelic.js` 구성 파일을 수정하거나 환경 변수를 설정하여 Node.js 에이전트를 앱 요구사항에 맞게 조정할 수 있습니다. 구성 파일은 앱의 루트 디렉터리에 있습니다. New Relic에서 몇 가지 옵션을 구성하거나 [Node.js 에이전트 API를](/docs/agents/nodejs-agent/api-guides/nodejs-agent-api) 사용할 수도 있습니다.
 
 ## 시작하다 [#requirements]
 
-[New Relic 계정](https://newrelic.com/signup) (영구 무료)을 만들고 Node.js 에이전트를 [설치](/docs/apm/agents/nodejs-agent/installation-configuration/install-nodejs-agent/) 한 후 환경에 맞게 Node.js 에이전트를 구성할 수 있습니다.
+[뉴렐릭 계정을 생성하고](https://newrelic.com/signup) (영구 무료) [Node.js 에이전트를 설치한](/docs/apm/agents/nodejs-agent/installation-configuration/install-nodejs-agent/) 후 환경에 맞게 Node.js 에이전트를 구성할 수 있습니다.
 
 [`license_key`](#license) 설정이 필요합니다. 또한 앱에 기본 `My Application` 대신 [의미 있는 이름](/docs/apm/new-relic-apm/installation-configuration/name-your-application) 을 갖도록 [`app_name`](#app_name) 을 설정하는 것이 좋습니다.
 
@@ -27,11 +28,11 @@ Node.js 에이전트는 구성 방법에 다음과 같은 우선 순위를 사
 <img
   title="Node.js agent configuration precedence"
   alt="Node.js agent configuration precedence"
-  src={nodejsConfigurationPrecedence}
+  src={apmNodejsAgentConfigurationHierarchy}
 />
 
 <figcaption>
-  **Node.js 구성 계층:** 서버 측 구성 설정은 환경 변수를 재정의합니다. 환경 변수는 에이전트 구성 파일을 재정의합니다. 구성 파일은 에이전트 기본값을 재정의합니다.
+  <DoNotTranslate>**Node.js configuration hierarchy:**</DoNotTranslate> 서버 측 설정 설정은 환경 변수보다 우선 적용됩니다. 환경 변수는 에이전트 구성 파일을 재정의합니다. 구성 파일은 에이전트 기본값을 재정의합니다.
 </figcaption>
 
 각 구성 방법에 대한 자세한 설명은 다음과 같습니다.
@@ -43,6 +44,8 @@ Node.js 에이전트는 구성 방법에 다음과 같은 우선 순위를 사
     title="에이전트 구성 파일"
   >
     구성 파일( `newrelic.js` )에는 모든 Node.js 에이전트 설정이 포함되어 있습니다. [Node.js 에이전트를 설치할](/docs/agents/nodejs-agent/installation-configuration/installing-maintaining-nodejs#installing) 때 `newrelic.js` 을 앱의 루트 디렉토리에 복사해야 합니다. 대부분의 설정은 기본적으로 비어 있습니다. `config/default.js` 에서 값을 상속합니다.
+
+    CommonJS에서 실행 중인 경우 설정 파일 형식을 (`newrelic.cjs`)로 변경하면 됩니다. 이 파일 형식은 Node.js 에이전트 [v7.5.0](/docs/release-notes/agent-release-notes/nodejs-release-notes/node-agent-7-5-0/) 부터 지원됩니다.
   </Collapser>
 
   <Collapser
@@ -50,11 +53,11 @@ Node.js 에이전트는 구성 방법에 다음과 같은 우선 순위를 사
     id="environment"
     title="환경 변수"
   >
-    `newrelic.js` 의 대부분의 구성 설정에는 동등한 환경 변수가 있습니다. 예를 들어 에이전트가 Heroku 또는 Microsoft Azure와 같은 PaaS 환경에서 실행되는 경우에 유용합니다. Node.js 에이전트 환경 변수는 항상 `NEW_RELIC_` 로 시작합니다.
+    `newrelic.js` 의 모든 구성 설정에는 동등한 환경 변수가 있습니다. 예를 들어 에이전트가 Heroku 또는 Microsoft Azure와 같은 PaaS 환경에서 실행되는 경우 유용합니다. Node.js 에이전트 환경 변수는 항상 `NEW_RELIC_` 으로 시작합니다.
 
-    사용 가능한 경우 이러한 환경 변수는 개별 구성 옵션 아래에 **Environ 변수** 로 설명되어 있습니다. 또한 [환경 변수를 통해서만 구성](#environment-variable-overrides) 할 수 있는 거의 사용되지 않는 두 가지 설정이 있습니다.
+    이러한 환경 변수는 아래 개별 구성 옵션 아래에 <DoNotTranslate>**Environ variable**</DoNotTranslate> 으로 설명되어 있습니다. [환경 변수를 통해서만 구성](#environment-variable-overrides) 할 수 있으며 거의 사용되지 않는 두 가지 설정도 있습니다. 더 복잡한 유형을 환경 변수로 지정하는 방법을 잘 모르는 경우 [참조 가이드를 사용하세요](#environment-variable-type-reference-guide).
 
-    New Relic APM 및 CodeStream을 사용하는 경우 [리포지토리를 연결](/docs/codestream/start-here/codestream-new-relic/#repo-url) [하는 방법과 빌드 SHA 또는 릴리스 태그](/docs/codestream/start-here/codestream-new-relic/#buildsha) 를 오류 받은 편지함에 연결하는 방법을 참조하십시오.
+    IDE에서 성능을 모니터링하기 위해 뉴렐릭 CodeStream 사용하는 경우, [휠을 서비스와 연결](/docs/codestream/how-use-codestream/performance-monitoring#repo-association) 하고 [빌드 SHA를 연결하거나 태그를 오류와 함께 릴리스](/docs/codestream/how-use-codestream/performance-monitoring#buildsha) 할 수도 있습니다.
   </Collapser>
 
   <Collapser
@@ -62,7 +65,7 @@ Node.js 에이전트는 구성 방법에 다음과 같은 우선 순위를 사
     id="server-side"
     title="서버 측 구성"
   >
-    소유자와 관리자는 [New Relic에서 직접](/docs/agents/manage-apm-agents/configuration/server-side-agent-configuration) 몇 가지 설정을 보고 구성할 수 있습니다. 사용 가능한 경우 서버 측 구성에 대한 UI 레이블은 이 문서의 개별 구성 옵션 아래에 **서버 측 레이블** 로 나열됩니다.
+    소유자와 관리자는 [뉴렐릭에서 직접](/docs/agents/manage-apm-agents/configuration/server-side-agent-configuration) 몇 가지 설정을 보고 구성할 수 있습니다. 사용 가능한 경우 서버 측 구성의 UI 라벨은 이 문서의 개별 구성 옵션 아래에 <DoNotTranslate>**Server-side label**</DoNotTranslate> 으로 나열됩니다.
   </Collapser>
 </CollapserGroup>
 
@@ -93,7 +96,7 @@ Node.js 에이전트는 구성 방법에 다음과 같은 우선 순위를 사
           </th>
 
           <td>
-            "내 응용 프로그램"
+            `"My Application"`
           </td>
         </tr>
 
@@ -111,7 +114,7 @@ Node.js 에이전트는 구성 방법에 다음과 같은 우선 순위를 사
 
     [New Relic이 앱을 식별하는 데 사용하는 이름](/docs/apm/new-relic-apm/installation-configuration/name-your-application) 입니다. 예: `app_name: ['MyNodeApp']` . [앱에 여러 이름을 사용](/docs/apm/new-relic-apm/installation-configuration/use-multiple-names-app) 하려면 쉼표로 구분된 이름 목록을 지정하십시오.
 
-    동일한 이름을 가진 모든 애플리케이션의 데이터는 New Relic UI에서 병합되므로 신중하게 설정하십시오. 혼동과 의도하지 않은 데이터 집계를 방지하려면 기본 이름을 설명이 포함된 이름으로 바꾸는 **것이 좋습니다** .
+    동일한 이름을 가진 모든 기능의 데이터는 뉴렐릭 UI 에 병합되므로 신중하게 설정하세요. 혼란과 의도하지 않은 데이터 집계를 방지하기 위해 기본 이름을 기술 이름으로 바꾸는 것이 <DoNotTranslate>**highly recommend**</DoNotTranslate> 됩니다.
 
     <Callout variant="tip">
       [Azure 사용자](/docs/agents/nodejs-agent/hosting-services/nodejs-agent-microsoft-azure) 의 경우 Node.js 에이전트는 설정된 경우 `APP_POOL_ID` 을 사용하므로 두 번 설정하지 않고도 Azure 웹 서버에 대해 선택한 이름을 사용할 수 있습니다.
@@ -156,7 +159,7 @@ Node.js 에이전트는 구성 방법에 다음과 같은 우선 순위를 사
       </tbody>
     </table>
 
-    이 설정은 필수입니다. 귀하의 New Relic [라이센스 키](/docs/apis/intro-apis/new-relic-api-keys/#ingest-license-key) . 예: `license_key: '40HexadecimalCharacters'` .
+    이 설정은 필수입니다. 귀하의 뉴렐릭 <InlinePopover type="licenseKey"/>. 예를 들어, `license_key: '40HexadecimalCharacters'`.
   </Collapser>
 
   <Collapser
@@ -245,6 +248,47 @@ Node.js 에이전트는 구성 방법에 다음과 같은 우선 순위를 사
     </Callout>
   </Collapser>
 
+  <Collapser
+    id="compressed_content_encoding"
+    title="압축된 콘텐츠 인코딩"
+  >
+    페이로드에서 데이터 압축 임계값에 도달하면 에이전트는 기본적으로 gzip 압축을 사용하여 데이터를 압축합니다. 수축 압축을 사용하려면 구성 옵션 `compressed_content_encoding` 을 `deflate` 로 설정할 수 있습니다.
+
+    <table>
+      <tbody>
+        <tr>
+          <th>
+            유형
+          </th>
+
+          <td>
+            문자열
+          </td>
+        </tr>
+
+        <tr>
+          <th>
+            기본값
+          </th>
+
+          <td>
+            `gzip`
+          </td>
+        </tr>
+
+        <tr>
+          <th>
+            [환경 변수](#environment)
+          </th>
+
+          <td>
+            `NEW_RELIC_COMPRESSED_CONTENT_ENCODING`
+          </td>
+        </tr>
+      </tbody>
+    </table>
+  </Collapser>
+
   <Collapser
     id="apdex"
     title="apdex_t(지원 중단됨)"
@@ -280,10 +324,20 @@ Node.js 에이전트는 구성 방법에 다음과 같은 우선 순위를 사
             `Apdex T`
           </td>
         </tr>
+
+        <tr>
+          <th>
+            [환경 변수](#environment)
+          </th>
+
+          <td>
+            `NEW_RELIC_APDEX_T`
+          </td>
+        </tr>
       </tbody>
     </table>
 
-    [New Relic UI를 통해](/docs/apm/new-relic-apm/apdex/apdex-measure-user-satisfaction/#apm-apdex) Apdex T를 설정하십시오.
+    [뉴렐릭 UI통해](/docs/apm/new-relic-apm/apdex/apdex-measure-user-satisfaction/#apm-apdex) Apdex T를 설정하세요.
   </Collapser>
 
   <Collapser
@@ -308,7 +362,17 @@ Node.js 에이전트는 구성 방법에 다음과 같은 우선 순위를 사
           </th>
 
           <td>
-            (없음)
+            `[]`
+          </td>
+        </tr>
+
+        <tr>
+          <th>
+            [환경 변수](#environment)
+          </th>
+
+          <td>
+            `NEW_RELIC_CERTIFICATES`
           </td>
         </tr>
       </tbody>
@@ -319,8 +383,8 @@ Node.js 에이전트는 구성 방법에 다음과 같은 우선 순위를 사
     <Callout variant="tip">
       파일에서 인증서를 읽도록 에이전트를 구성할 수도 있습니다.
 
-      ```
-      certificates: [ fs.readFileSync('<var>myca</var>.crt', {encoding: '<var>utf8</var>'}) ]
+      ```js
+      certificates: [ fs.readFileSync('myca.crt', {encoding: 'utf8'}) ]
       ```
     </Callout>
   </Collapser>
@@ -837,8 +901,150 @@ Node.js 에이전트는 구성 방법에 다음과 같은 우선 순위를 사
 
     파일 이름을 포함하여 New Relic 에이전트 로그의 전체 경로입니다. 기본값은 `filepath: require('path').join(process.cwd(), 'newrelic_agent.log')` 입니다. 에이전트는 이 파일을 생성할 수 없는 경우 프로세스를 종료합니다. 에이전트는 상위 Node.js 에이전트 프로세스와 동일한 권한으로 로그 파일을 생성합니다.
 
-    * 모든 로깅을 **stdout** 에 쓰려면 이것을 `stdout` 으로 설정하십시오.
-    * 모든 로깅을 **stderr** 에 기록하려면 이를 `stderr` 으로 설정합니다.
+    * 모든 로깅을
+
+      <DoNotTranslate>**stdout**</DoNotTranslate>
+
+      에 쓰려면 이를 `stdout` 로 설정하세요.
+
+    * 모든 로깅을
+
+      <DoNotTranslate>**stderr**</DoNotTranslate>
+
+      에 쓰려면 이를 `stderr` 로 설정하세요.
+  </Collapser>
+</CollapserGroup>
+
+## AI 모니터링 [#ai-monitoring]
+
+이 섹션에는 AI 모니터링 설정을 위한 Node.js 에이전트 구성이 포함되어 있습니다.
+
+<Callout variant="important">
+  AI 데이터를 캡처하려면 [분산 추적을](/docs/apm/agents/nodejs-agent/installation-configuration/nodejs-agent-configuration/#dt-main) 활성화해야 합니다. Node.js 에이전트 8.3.0 이상에서는 기본적으로 켜져 있습니다. 높은 보안 모드를 활성화한 경우 AI 모니터링이 작동하지 않습니다.
+</Callout>
+
+<CollapserGroup>
+  <Collapser
+    id="ai-monitoring-enabled"
+    title="ai_monitoring.enabled"
+  >
+    <table>
+      <tbody>
+        <tr>
+          <th>
+            유형
+          </th>
+
+          <td>
+            부울
+          </td>
+        </tr>
+
+        <tr>
+          <th>
+            기본값
+          </th>
+
+          <td>
+            `false`
+          </td>
+        </tr>
+
+        <tr>
+          <th>
+            [환경 변수](#environment)
+          </th>
+
+          <td>
+            `NEW_RELIC_AI_MONITORING_ENABLED`
+          </td>
+        </tr>
+      </tbody>
+    </table>
+
+    `true` 으로 설정하면 AI 모니터링이 활성화됩니다. 에이전트가 LLM 이벤트 데이터를 캡처할 수 있도록 허용합니다.
+  </Collapser>
+
+  <Collapser
+    id="ai-monitoring-streaming"
+    title="ai_monitoring.streaming.enabled"
+  >
+    <table>
+      <tbody>
+        <tr>
+          <th>
+            유형
+          </th>
+
+          <td>
+            부울
+          </td>
+        </tr>
+
+        <tr>
+          <th>
+            기본값
+          </th>
+
+          <td>
+            `true`
+          </td>
+        </tr>
+
+        <tr>
+          <th>
+            [환경 변수](#environment)
+          </th>
+
+          <td>
+            `NEW_RELIC_AI_MONITORING_STREAMING_ENABLED`
+          </td>
+        </tr>
+      </tbody>
+    </table>
+
+    `false` 으로 설정하면 스트리밍된 LLM 데이터에 대한 계측이 비활성화됩니다. `true` 로 설정하면 LLM 이벤트에 대한 스트리밍 데이터를 캡처합니다.
+  </Collapser>
+
+  <Collapser
+    id="ai-monitoring-record-content"
+    title="ai_monitoring.record_content.enabled"
+  >
+    <table>
+      <tbody>
+        <tr>
+          <th>
+            유형
+          </th>
+
+          <td>
+            부울
+          </td>
+        </tr>
+
+        <tr>
+          <th>
+            기본값
+          </th>
+
+          <td>
+            `true`
+          </td>
+        </tr>
+
+        <tr>
+          <th>
+            [환경 변수](#environment)
+          </th>
+
+          <td>
+            `NEW_RELIC_AI_MONITORING_RECORD_CONTENT_ENABLED`
+          </td>
+        </tr>
+      </tbody>
+    </table>
+
+    `false` 으로 설정하면 에이전트는 LLM 이벤트에서 캡처된 입력 및 출력 콘텐츠(예: 프롬프트 및 응답의 텍스트 문자열)를 생략합니다. LLM과 주고받는 민감한 데이터를 기록하지 않으려는 경우 선택적인 보안 설정입니다.
   </Collapser>
 </CollapserGroup>
 
@@ -910,7 +1116,7 @@ Node.js 에이전트는 구성 방법에 다음과 같은 우선 순위를 사
           </th>
 
           <td>
-            빈 배열(모든 유형 포함)
+            `[]` (모든 유형 포함)
           </td>
         </tr>
 
@@ -950,7 +1156,7 @@ Node.js 에이전트는 구성 방법에 다음과 같은 우선 순위를 사
 이 섹션에서는 활성화된 API 메서드를 선택할 수 있습니다. 각 구성 옵션을 사용하면 New Relic에 사용자 지정 정보를 전송하는 API 메서드를 모듈식으로 활성화할 수 있습니다.
 
 <Callout variant="important">
-  에이전트가 높은 보안 모드에 있을 때 이 모든 것이 `false` 으로 설정됩니다.
+  에이전트가 높은 보안 모드에 있을 때 이들 모두는 `false` 으로 설정됩니다.
 </Callout>
 
 <CollapserGroup>
@@ -1074,7 +1280,7 @@ Node.js 에이전트는 구성 방법에 다음과 같은 우선 순위를 사
       </tbody>
     </table>
 
-    이 옵션은 [`newrelic.noticeError`](/docs/agents/nodejs-agent/supported-features/nodejs-agent-api#noticeError) 을 활성화합니다.
+    이 옵션은 [`newrelic.noticeError`](/docs/apm/agents/nodejs-agent/api-guides/nodejs-agent-api/#noticeError) 활성화합니다.
   </Collapser>
 </CollapserGroup>
 
@@ -1359,12 +1565,12 @@ New Relic에서 [오류 처리 방법을 관리할](/docs/agents/manage-apm-agen
     오류 수집기가 무시할 HTTP 상태 코드의 쉼표로 구분된 목록입니다.
 
     <Callout variant="caution">
-      [newrelic.noticeError](/docs/agents/nodejs-agent/supported-features/nodejs-agent-api#noticeError) 를 사용하여 기록된 오류는 이 구성 값을 따르지 않습니다.
+      [`newrelic.noticeError()`](/docs/apm/agents/nodejs-agent/api-guides/nodejs-agent-api/#noticeError) 사용하여 기록된 오류는 이 설정 값을 따르지 않습니다.
     </Callout>
   </Collapser>
 
   <Collapser
-    id="error_ignore"
+    id="error_ignore_classes"
     title="ignore_classes"
   >
     <table>
@@ -1405,23 +1611,22 @@ New Relic에서 [오류 처리 방법을 관리할](/docs/agents/manage-apm-agen
 
     다음 구성
 
-    ```
-    /* ... */
-        error_collector: {
-            ignore_classes: ["ReferenceError"]
-        }
+    ```js
+    error_collector: {
         /* ... */
+        ignore_classes: ["ReferenceError"]
+    }
     ```
 
     모든 참조 오류를 무시합니다.
 
     <Callout variant="caution">
-      [newrelic.noticeError](/docs/agents/nodejs-agent/supported-features/nodejs-agent-api#noticeError) 를 사용하여 기록된 오류는 이 구성 값을 따르지 않습니다.
+      [`newrelic.noticeError()`](/docs/apm/agents/nodejs-agent/api-guides/nodejs-agent-api/#noticeError) 사용하여 기록된 오류는 이 설정 값을 따르지 않습니다.
     </Callout>
   </Collapser>
 
   <Collapser
-    id="error_ignore"
+    id="error_ignore_messages"
     title="ignore_messages"
   >
     <table>
@@ -1445,30 +1650,37 @@ New Relic에서 [오류 처리 방법을 관리할](/docs/agents/manage-apm-agen
             `{}`
           </td>
         </tr>
+
+        <tr>
+          <th>
+            [환경 변수](#environment)
+          </th>
+
+          <td>
+            `NEW_RELIC_ERROR_COLLECTOR_IGNORE_MESSAGES`
+          </td>
+        </tr>
       </tbody>
     </table>
 
-    수집기가 무시할 자바스크립트 오류 메시지에 연결된 자바스크립트 클래스 목록을 설명하는 자바스크립트 객체입니다. 다음 구성.
+    수집기가 무시할 오류 메시지와 관련된 클래스 목록을 설명하는 JavaScript 개체입니다. 다음 설정은 `Undefined` 및 `Out of time` 의 정확한(대소문자 구분) 메시지 문자열을 포함하는 `Error` 유형의 모든 오류를 무시합니다.
 
-    ```
-    /* ... */
-        error_collector: {
-            /* ... */
-            ignore_messages: {"Error":["Undefined", "Out of time"]}
-            /* ... */
-        }
+    ```js
+    error_collector: {
         /* ... */
+        ignore_messages: {"Error":["Undefined", "Out of time"]}
+    }
     ```
 
     `Undefined` 및 `Out of time` 의 정확한(대소문자 구분) 메시지 문자열을 사용하여 `Error` 유형의 모든 오류를 무시합니다.
 
     <Callout variant="caution">
-      `newrelic.noticeError` 을(를) 사용하여 기록된 오류는 이 구성 값을 따르지 않습니다.
+      [`newrelic.noticeError()`](/docs/apm/agents/nodejs-agent/api-guides/nodejs-agent-api/#noticeError) 사용하여 기록된 오류는 이 설정 값을 따르지 않습니다.
     </Callout>
   </Collapser>
 
   <Collapser
-    id="error_ignore"
+    id="expected_status_codes"
     title="예상_상태_코드"
   >
     <table>
@@ -1508,12 +1720,12 @@ New Relic에서 [오류 처리 방법을 관리할](/docs/agents/manage-apm-agen
     오류 수집기가 예상대로 표시할 HTTP 상태 코드의 쉼표로 구분된 목록입니다.
 
     <Callout variant="caution">
-      `newrelic.noticeError` 을(를) 사용하여 기록된 오류는 이 구성 값을 따르지 않습니다.
+      [`newrelic.noticeError()`](/docs/apm/agents/nodejs-agent/api-guides/nodejs-agent-api/#noticeError) 사용하여 기록된 오류는 이 설정 값을 따르지 않습니다.
     </Callout>
   </Collapser>
 
   <Collapser
-    id="error_ignore"
+    id="expected_classes"
     title="예상된 클래스"
   >
     <table>
@@ -1552,23 +1764,22 @@ New Relic에서 [오류 처리 방법을 관리할](/docs/agents/manage-apm-agen
 
     다음 구성
 
-    ```
-    /* ... */
-        error_collector: {
-            expected_classes: ["ReferenceError"]
-        }
+    ```js
+    error_collector: {
         /* ... */
+        expected_classes: ["ReferenceError"]
+    }
     ```
 
     모든 참조 오류를 예상대로 표시합니다.
 
     <Callout variant="caution">
-      `newrelic.noticeError` 을(를) 사용하여 기록된 오류는 이 구성 값을 따르지 않습니다.
+      [`newrelic.noticeError()`](/docs/apm/agents/nodejs-agent/api-guides/nodejs-agent-api/#noticeError) 사용하여 기록된 오류는 이 설정 값을 따르지 않습니다.
     </Callout>
   </Collapser>
 
   <Collapser
-    id="error_ignore"
+    id="expected_messages"
     title="예상_메시지"
   >
     <table>
@@ -1592,25 +1803,32 @@ New Relic에서 [오류 처리 방법을 관리할](/docs/agents/manage-apm-agen
             `{}`
           </td>
         </tr>
+
+        <tr>
+          <th>
+            [환경 변수](#environment)
+          </th>
+
+          <td>
+            `NEW_RELIC_ERROR_COLLECTOR_EXPECTED_MESSAGES`
+          </td>
+        </tr>
       </tbody>
     </table>
 
     수집기가 무시할 자바스크립트 오류 메시지에 연결된 자바스크립트 클래스 목록을 설명하는 자바스크립트 객체입니다. 다음 구성.
 
-    ```
-    /* ... */
-        error_collector: {
-            /* ... */
-            expected_messages: {"Error":["Undefined", "Out of time"]}
-            /* ... */
-        }
+    ```js
+    error_collector: {
         /* ... */
+        expected_messages: {"Error":["Undefined", "Out of time"]}
+    }
     ```
 
     `Undefined` 및 `Out of time` 의 정확한(대소문자 구분) 메시지 문자열을 사용하여 `Error` 유형의 모든 오류를 표시합니다.
 
     <Callout variant="caution">
-      `newrelic.noticeError` 을(를) 사용하여 기록된 오류는 이 구성 값을 따르지 않습니다.
+      [`newrelic.noticeError()`](/docs/apm/agents/nodejs-agent/api-guides/nodejs-agent-api/#noticeError) 사용하여 기록된 오류는 이 설정 값을 따르지 않습니다.
     </Callout>
   </Collapser>
 
@@ -1765,7 +1983,7 @@ New Relic에서 [오류 처리 방법을 관리할](/docs/agents/manage-apm-agen
           </th>
 
           <td>
-            도면 1
+            `100`
           </td>
         </tr>
 
@@ -1905,7 +2123,7 @@ New Relic에서 [오류 처리 방법을 관리할](/docs/agents/manage-apm-agen
           </th>
 
           <td>
-            문자열( `off` , `obfuscated` 또는 `raw` )
+            문자열( `obfuscated` , `off` 또는 `raw` )
           </td>
         </tr>
 
@@ -1915,7 +2133,7 @@ New Relic에서 [오류 처리 방법을 관리할](/docs/agents/manage-apm-agen
           </th>
 
           <td>
-            `off`
+            `obfuscated`
           </td>
         </tr>
 
@@ -1931,7 +2149,7 @@ New Relic에서 [오류 처리 방법을 관리할](/docs/agents/manage-apm-agen
       </tbody>
     </table>
 
-    이 옵션은 [느린 쿼리](#slow-queries) 와 트랜잭션 추적의 `record_sql` 에 모두 영향을 줍니다. `off` , `obfuscated` 또는 `raw` 의 세 가지 값 중 하나를 가질 수 있습니다.
+    이 옵션은 [프로세서](#slow-queries) 트레이스용 `record_sql` 모두에 영향을 미칩니다. `off`, `obfuscated` 또는 `raw` 값을 가질 수 있습니다.
 
     `off` 으로 설정하면 느린 쿼리가 캡처되지 않고 역추적 및 SQL이 트랜잭션 추적에 포함되지 않습니다. `raw` 또는 `obfuscated` 로 설정하면 에이전트는 원시 또는 난독화된 SQL과 느린 쿼리 샘플을 [수집기](/docs/accounts-partnerships/education/getting-started-new-relic/glossary#collector) 에 보냅니다. 에이전트는 `slow_sql.enabled` 이 설정된 경우와 같이 다른 기준이 충족되는 경우에도 SQL을 보낼 수 있습니다.
   </Collapser>
@@ -1976,7 +2194,7 @@ New Relic에서 [오류 처리 방법을 관리할](/docs/agents/manage-apm-agen
 
     [트랜잭션 추적](/docs/apm/transactions/transaction-traces/transaction-traces) 에 적합한 최대 요청 수를 정의합니다.
 
-    트랜잭션 이름은 요청에 따라 지정되며 `top_n` 은 이러한 이름으로 그룹화된 "가장 느린 트랜잭션 상위 <var>n</var> 개"를 나타냅니다. 모듈은 새 추적이 해당 이름의 가장 느린 이전 추적보다 느린 경우에만 기록된 추적을 새 추적으로 대체합니다. 이 설정의 기본값은 `top_n: 20` 입니다. [**트랜잭션** 페이지](/docs/apm/transactions/transaction-traces/transaction-traces) 도 기본적으로 20개의 가장 느린 트랜잭션으로 설정되기 때문입니다.
+    프로세서는 요청에 따라 명명되었으며, `top_n` 이러한 이름으로 그룹화된 "가장 느린 n개의 프로세서"를 나타냅니다. 모듈은 새 트레이스가 해당 이름의 이전 가장 느린 트레이스보다 느린 경우에만 기록된 트레이스를 새 트레이스로 교체합니다. 이 설정의 기본값은 `top_n: 20` 입니다. 왜냐하면 [<DoNotTranslate>**Transactions**</DoNotTranslate> 페이지](/docs/apm/transactions/transaction-traces/transaction-traces) 도 기본적으로 가장 느린 트랜잭션 20개로 설정되어 있기 때문입니다.
 
     Node.js 에이전트는 시작 후 첫 번째 수확 주기에서 최소 5개의 서로 다른 느린 트랜잭션을 캡처합니다. 또한 지난 5번의 [수확 주기](/docs/apm/new-relic-apm/getting-started/glossary#harvest-cycle) 동안 느린 트랜잭션이 캡처되지 않은 경우 다른 트랜잭션을 재설정하고 캡처합니다. 이렇게 하면 해당 수집 주기에 대해 절대적으로 가장 느린 요청에 초점을 맞추지 않는 대신 앱의 요청 경로에 대해 더 많은 정보를 볼 수 있습니다.
 
@@ -2035,52 +2253,13 @@ New Relic에서 [오류 처리 방법을 관리할](/docs/agents/manage-apm-agen
 
     [트랜잭션](/docs/accounts-partnerships/education/getting-started-new-relic/glossary#transaction) 이 [트랜잭션 추적](/docs/apm/transactions/transaction-traces/transaction-traces) 에 적합한 시간을 초과하는 웹 트랜잭션 응답 시간의 임계값(초)입니다. 기본값은 `apdex_f` 입니다. 이렇게 하면 추적 임계값이 애플리케이션 [Apdex T](/docs/accounts-partnerships/education/getting-started-new-relic/glossary#apdex_t) 의 4배로 설정됩니다. 특정 시간 값을 밀리초 단위로 입력할 수도 있습니다.
 
-    **예: 임계값 설정 `apdex_f`**
+    <DoNotTranslate>
+      **Example: Threshold set to `apdex_f`**
+    </DoNotTranslate>
 
     기본 `apdex_t` 은 100밀리초입니다. 트랜잭션 임계값이 `apdex_f` 으로 설정된 경우 "느린" 트랜잭션은 400밀리초입니다.
   </Collapser>
 
-  <Collapser
-    id="hide-internals"
-    title="hide_internals"
-  >
-    <table>
-      <tbody>
-        <tr>
-          <th>
-            유형
-          </th>
-
-          <td>
-            부울
-          </td>
-        </tr>
-
-        <tr>
-          <th>
-            기본값
-          </th>
-
-          <td>
-            `true`
-          </td>
-        </tr>
-
-        <tr>
-          <th>
-            [환경 변수](#environment)
-          </th>
-
-          <td>
-            `NEW_RELIC_HIDE_INTERNALS`
-          </td>
-        </tr>
-      </tbody>
-    </table>
-
-    에이전트는 웹 애플리케이션에 연결된 내부 속성을 숨기기 위해 소량의 CPU를 사용합니다. 이 구성을 `false` 으로 변경하면 에이전트 오버헤드가 약간 줄어들 수 있지만 에이전트 성능에도 영향을 미칠 수 있습니다.
-  </Collapser>
-
   <Collapser
     id="hide-attributes-enabled"
     title="속성.활성화"
@@ -2236,7 +2415,7 @@ New Relic에서 [오류 처리 방법을 관리할](/docs/agents/manage-apm-agen
           </th>
 
           <td>
-            (없음)
+            `[]`
           </td>
         </tr>
 
@@ -2254,13 +2433,11 @@ New Relic에서 [오류 처리 방법을 관리할](/docs/agents/manage-apm-agen
 
     들어오는 요청 URL과 일치하고 연결된 New Relic 트랜잭션의 이름을 지정하는 쉼표로 구분된 규칙 목록입니다. 다음 형식을 사용합니다.
 
-    ```
+    ```js
     name: [
-    	{pattern: '<var>STRING_OR_REGEX</var>', name: '<var>NAME</var>'},
-
-    	{pattern: '<var>STRING_OR_REGEX</var>', name: '<var>NAME</var>'}
-
-    	],
+        { pattern: 'STRING_OR_REGEX', name: 'NAME' },
+        { pattern: 'STRING_OR_REGEX', name: 'NAME' }
+    ]
     ```
 
     두 매개변수가 모두 필요합니다. 문자열의 경우 제어 문자를 이스케이프해야 합니다. 정규식에서 제어 문자를 이스케이프할 필요가 없습니다. 추가 속성은 무시됩니다.
@@ -2269,8 +2446,8 @@ New Relic에서 [오류 처리 방법을 관리할](/docs/agents/manage-apm-agen
 
     `NEW_RELIC_NAMING_RULES` 환경 변수의 경우 규칙을 쉼표로 구분된 JSON 객체 리터럴로 전달합니다.
 
-    ```
-    NEW_RELIC_NAMING_RULES='{"pattern":"<var>^t</var>","name":"<var>u</var>"},{"pattern":"<var>^u</var>","name":"<var>t</var>"}'
+    ```ini
+    NEW_RELIC_NAMING_RULES='{"pattern":"^t","name":"u"},{"pattern":"^u","name":"t"}'
     ```
   </Collapser>
 
@@ -2296,7 +2473,7 @@ New Relic에서 [오류 처리 방법을 관리할](/docs/agents/manage-apm-agen
           </th>
 
           <td>
-            socket.io 롱 폴링 요청과 일치하는 정규식("^\\/socket\\.io\\/.\*\\/xhr-polling/").
+            `['^/socket.io/.*/xhr-polling/']`
           </td>
         </tr>
 
@@ -2312,7 +2489,7 @@ New Relic에서 [오류 처리 방법을 관리할](/docs/agents/manage-apm-agen
       </tbody>
     </table>
 
-    에이전트가 무시할 요청 URL 목록을 정의하십시오. 문자열 또는 정규식일 수 있는 패턴으로 목록을 지정합니다.
+    에이전트가 무시할 요청 URL 목록을 정의합니다. 목록을 패턴(문자열 또는 정규식)으로 지정합니다. 기본값은 Socket.io 장기 폴링 요청과 일치하는 정규식입니다.
   </Collapser>
 
   <Collapser
@@ -2391,10 +2568,20 @@ New Relic에서 [오류 처리 방법을 관리할](/docs/agents/manage-apm-agen
             `true`
           </td>
         </tr>
+
+        <tr>
+          <th>
+            [환경 변수](#environment)
+          </th>
+
+          <td>
+            `NEW_RELIC_TRANSACTION_EVENTS_ENABLED`
+          </td>
+        </tr>
       </tbody>
     </table>
 
-    활성화되면 에이전트는 트랜잭션 이벤트를 New Relic으로 보냅니다. 이 이벤트 데이터에는 트랜잭션 타이밍, 트랜잭션 이름 및 사용자 정의 매개변수가 포함됩니다. 비활성화된 경우 에이전트는 이 데이터를 수집하거나 New Relic으로 보내지 않습니다.
+    활성화되면 에이전트는 소니 이벤트를 뉴렐릭으로 보냅니다. 이 이벤트 데이터에는 프로세서 타이밍, 프로세서 이름 및 기타 관습 속성이 포함됩니다. 이 기능이 비활성화되면 에이전트는 이 데이터를 수집하거나 뉴렐릭으로 보내지 않습니다.
   </Collapser>
 
   <Collapser
@@ -2419,7 +2606,7 @@ New Relic에서 [오류 처리 방법을 관리할](/docs/agents/manage-apm-agen
           </th>
 
           <td>
-            10000
+            `10000`
           </td>
         </tr>
 
@@ -2437,10 +2624,10 @@ New Relic에서 [오류 처리 방법을 관리할](/docs/agents/manage-apm-agen
 
     에이전트가 분당 수집하는 최대 이벤트 수를 정의합니다. 이 수보다 많은 경우 에이전트는 통계적 샘플링을 수집합니다.
 
-    10,000을 초과하여 구성하지 않는 것이 좋습니다. 서버는 데이터를 분당 10,000개로 제한합니다.
+    10,000을 초과하여 구성하지 않는 것이 좋습니다. 서버는 데이터를 분당 10,000으로 제한합니다.
 
     <Callout variant="important">
-      이 구성은 6.0.0 미만의 에이전트 버전에서 다른 동작을 했습니다. 에이전트 버전 5.x 이하의 경우 [max_samples_stored(DEPRECATED)](#tx_events_max_samples_stored_legacy) 를 참조하십시오.
+      이 설정은 에이전트 6.0.0 미만 버전에서 다른 동작을 보였습니다. 에이전트 버전 5.x 이하의 경우 [`max_samples_stored` (지원 중단됨)을](#tx_events_max_samples_stored_legacy) 참조하세요.
     </Callout>
   </Collapser>
 
@@ -2466,7 +2653,7 @@ New Relic에서 [오류 처리 방법을 관리할](/docs/agents/manage-apm-agen
           </th>
 
           <td>
-            20000
+            `20000`
           </td>
         </tr>
       </tbody>
@@ -2475,7 +2662,7 @@ New Relic에서 [오류 처리 방법을 관리할](/docs/agents/manage-apm-agen
     [New Relic 수집기](/docs/accounts-partnerships/education/getting-started-new-relic/glossary#collector) 와 통신할 수 없는 경우 에이전트가 저장하는 최대 이벤트 수를 정의합니다. 이전 [수확 주기](/docs/accounts-partnerships/education/getting-started-new-relic/glossary#harvest-cycle) 의 값은 다음 수확 주기로 병합되며 이 옵션은 최대 수를 제한합니다. 이 숫자가 `max_samples_per_minute` 보다 큰지 확인하십시오. 예를 들어 2배로 설정합니다. 이 값을 늘리기 전에 메모리 오버헤드를 고려하십시오.
 
     <Callout variant="caution">
-      이 구성은 에이전트 버전 6.0.0 및 새로운 권장 최대값부터 다른 동작을 합니다. 에이전트 버전 6.x 이상은 [max_samples_stored](#tx_events_max_samples_stored) 를 참조하세요.
+      이 설정은 에이전트 버전 6.0.0부터 다른 동작과 새로운 권장 최대값을 갖습니다. 에이전트 버전 6.x 이상은 [`max_samples_stored`](#tx_events_max_samples_stored) 참조하세요.
     </Callout>
   </Collapser>
 
@@ -2510,7 +2697,7 @@ New Relic에서 [오류 처리 방법을 관리할](/docs/agents/manage-apm-agen
     에이전트가 분당 수집하는 최대 이벤트 수를 정의합니다. 이 수보다 많은 경우 에이전트는 통계적 샘플링을 수집합니다.
 
     <Callout variant="caution">
-      이 구성은 에이전트 버전 6.0.0부터 max_samples_stored로 대체되었습니다. 6.x 이상의 에이전트는 [max_samples_stored](#tx_events_max_samples_stored) 를 참조하세요.
+      이 설정은 에이전트 버전 6.0.0부터 `max_samples_stored` 으로 대체되었습니다. 6.x 이상의 에이전트는 [`max_samples_stored`](#tx_events_max_samples_stored) 참조하세요.
     </Callout>
   </Collapser>
 
@@ -2695,7 +2882,7 @@ New Relic에서 [오류 처리 방법을 관리할](/docs/agents/manage-apm-agen
       </tbody>
     </table>
 
-    브라우저 계측을 위한 JavaScript 헤더를 생성합니다. 기본값은 `true` 이지만 [브라우저 모니터링을 활성화](/docs/browser/new-relic-browser/installation-configuration/adding-apps-new-relic-browser) 하지 않는 한 에이전트는 브라우저 JS 코드를 삽입하지 않습니다. 활성화 [하고 브라우저 타이밍 헤더를 추가한](/docs/agents/nodejs-agent/supported-features/page-load-timing-nodejs#procedures) 경우에도 이를 `false` 로 설정 [하여 앱에 대한 브라우저 모니터링을 비활성화](/docs/agents/nodejs-agent/supported-features/page-load-timing-nodejs#disabling) 할 수 있습니다.
+    브라우저 계측을 위한 JavaScript 헤더를 생성합니다. `true` 로 설정된 경우 [<InlinePopover type="browser"/>수동으로 활성화](/docs/browser/new-relic-browser/installation-configuration/adding-apps-new-relic-browser) 하지 않는 한 에이전트는 브라우저 JS 코드를 자동으로 삽입하지 않습니다. 이를 활성화하고 [브라우저 타이밍 헤더를 추가한](/docs/agents/nodejs-agent/supported-features/page-load-timing-nodejs#procedures) 경우에도 이를 `false` 로 설정하여 [앱에 대한 브라우저 모니터링을 비활성화](/docs/agents/nodejs-agent/supported-features/page-load-timing-nodejs#disabling) 할 수 있습니다.
   </Collapser>
 
   <Collapser
@@ -2869,7 +3056,7 @@ New Relic에서 [오류 처리 방법을 관리할](/docs/agents/manage-apm-agen
 
 ## 맞춤 이벤트 변수 [#custom_events]
 
-이 섹션에서는 앱 `newrelic.js` 구성 파일의 `custom_insights_events: {` 섹션에 일반적으로 나타나는 순서대로 Node.js 에이전트 변수를 정의합니다. 현재 사용자 정의 이벤트에 대한 환경 변수가 없습니다.
+이 섹션에서는 앱 `newrelic.js` 구성 파일의 `custom_insights_events: {` 섹션에 일반적으로 나타나는 순서대로 Node.js 에이전트 변수를 정의합니다.
 
 <CollapserGroup>
   <Collapser
@@ -2897,6 +3084,16 @@ New Relic에서 [오류 처리 방법을 관리할](/docs/agents/manage-apm-agen
             `true`
           </td>
         </tr>
+
+        <tr>
+          <th>
+            [환경 변수](#environment)
+          </th>
+
+          <td>
+            `NEW_RELIC_CUSTOM_INSIGHTS_EVENTS_ENABLED`
+          </td>
+        </tr>
       </tbody>
     </table>
 
@@ -2925,7 +3122,7 @@ New Relic에서 [오류 처리 방법을 관리할](/docs/agents/manage-apm-agen
           </th>
 
           <td>
-            `1000`
+            `3000`
           </td>
         </tr>
 
@@ -2941,11 +3138,13 @@ New Relic에서 [오류 처리 방법을 관리할](/docs/agents/manage-apm-agen
       </tbody>
     </table>
 
-    에이전트가 분당 수집하는 최대 사용자 지정 이벤트 수를 정의합니다. 사용자 지정 이벤트 수가 이 제한을 초과하면 에이전트는 통계적 샘플링을 수집합니다.
+    * 에이전트가 분당 수집하는 최대 사용자 지정 이벤트 수를 정의합니다. 사용자 지정 이벤트 수가 이 제한을 초과하면 에이전트는 통계적 샘플링을 수집합니다.
 
-    <Callout variant="important">
-      이 제한을 늘리면 메모리 사용량이 늘어납니다.
-    </Callout>
+    * [AI 모니터링](/docs/ai-monitoring/intro-to-ai-monitoring) 용 에이전트를 구성할 때 최대값 `100000` 으로 설정하세요. 최대량의 LLM 이벤트가 캡처되도록 합니다.
+
+      <Callout variant="important">
+        이 제한을 늘리면 메모리 사용량이 늘어날 수 있습니다.
+      </Callout>
   </Collapser>
 </CollapserGroup>
 
@@ -3017,7 +3216,7 @@ New Relic에서 [오류 처리 방법을 관리할](/docs/agents/manage-apm-agen
           </th>
 
           <td>
-            10
+            `10`
           </td>
         </tr>
 
@@ -3131,17 +3330,15 @@ New Relic에서 [오류 처리 방법을 관리할](/docs/agents/manage-apm-agen
   </Collapser>
 </CollapserGroup>
 
-## 환경 변수 재정의
+## 데이터 저장소 추적기 변수 [#datastore-tracer]
 
-이 섹션에서는 환경 변수에만 사용할 수 있는 두 가지 구성 옵션을 정의합니다. 이러한 재정의는 대부분의 구성에서 사용되지 않습니다.
+이 섹션에서는 앱 `newrelic.js` 구성 파일의 `datastore_tracer` 섹션에 일반적으로 나타나는 순서대로 Node.js 에이전트 변수를 정의합니다. 이러한 옵션은 데이터 저장소 인스턴스 측정항목을 수집하기 위한 동작을 제어합니다.
 
 <CollapserGroup>
   <Collapser
-    id="home"
-    title="NEW_RELIC_HOME"
+    id="datastore-instance-enabled"
+    title="instance_reporting.enabled"
   >
-    `newrelic.js` 이 포함된 디렉토리 경로입니다. 이것은 환경 변수로만 사용할 수 있습니다. 구성 파일에서 설정할 수 없습니다.
-
     <table>
       <tbody>
         <tr>
@@ -3150,7 +3347,7 @@ New Relic에서 [오류 처리 방법을 관리할](/docs/agents/manage-apm-agen
           </th>
 
           <td>
-            문자열
+            부울
           </td>
         </tr>
 
@@ -3160,55 +3357,28 @@ New Relic에서 [오류 처리 방법을 관리할](/docs/agents/manage-apm-agen
           </th>
 
           <td>
-            (없음)
-          </td>
-        </tr>
-      </tbody>
-    </table>
-  </Collapser>
-
-  <Collapser
-    id="no_file"
-    title="NEW_RELIC_NO_CONFIG_FILE"
-  >
-    사용하는 경우 에이전트가 `newrelic.js` 에서 구성 설정을 읽는 것을 방지합니다. 환경 변수의 기본값과 값은 계속 설정됩니다.
-
-    이것은 환경 변수로만 사용할 수 있습니다. 구성 파일에서 설정할 수 없습니다.
-
-    <table>
-      <tbody>
-        <tr>
-          <th>
-            유형
-          </th>
-
-          <td>
-            부울
+            `true`
           </td>
         </tr>
 
         <tr>
           <th>
-            기본값
+            [환경 변수](#environment)
           </th>
 
           <td>
-            `False`
+            `NEW_RELIC_DATASTORE_INSTANCE_REPORTING_ENABLED`
           </td>
         </tr>
       </tbody>
     </table>
-  </Collapser>
-</CollapserGroup>
 
-## 데이터 저장소 추적기 변수 [#datastore-tracer]
-
-이 섹션에서는 앱 `newrelic.js` 구성 파일의 `datastore_tracer` 섹션에 일반적으로 나타나는 순서대로 Node.js 에이전트 변수를 정의합니다. 이러한 옵션은 데이터 저장소 인스턴스 측정항목을 수집하기 위한 동작을 제어합니다.
+    활성화되면 에이전트는 [일부 데이터베이스 드라이버](/docs/agents/nodejs-agent/supported-features/nodejs-instance-level-database-information) 에 대한 데이터 저장소 인스턴스 메트릭(예: 호스트 및 포트)을 수집합니다. 이는 느린 쿼리 추적 및 트랜잭션 추적에 대해 보고됩니다.
+  </Collapser>
 
-<CollapserGroup>
   <Collapser
-    id="datastore-instance-enabled"
-    title="instance_reporting.enabled"
+    id="datastore-name-enabled"
+    title="database_name_reporting.enabled"
   >
     <table>
       <tbody>
@@ -3231,35 +3401,14 @@ New Relic에서 [오류 처리 방법을 관리할](/docs/agents/manage-apm-agen
             `true`
           </td>
         </tr>
-      </tbody>
-    </table>
-
-    활성화되면 에이전트는 [일부 데이터베이스 드라이버](/docs/agents/nodejs-agent/supported-features/nodejs-instance-level-database-information) 에 대한 데이터 저장소 인스턴스 메트릭(예: 호스트 및 포트)을 수집합니다. 이는 느린 쿼리 추적 및 트랜잭션 추적에 대해 보고됩니다.
-  </Collapser>
-
-  <Collapser
-    id="datastore-name-enabled"
-    title="database_name_reporting.enabled"
-  >
-    <table>
-      <tbody>
-        <tr>
-          <th>
-            유형
-          </th>
-
-          <td>
-            부울
-          </td>
-        </tr>
 
         <tr>
           <th>
-            기본값
+            [환경 변수](#environment)
           </th>
 
           <td>
-            `true`
+            `NEW_RELIC_DATASTORE_DATABASE_NAME_REPORTING_ENABLED`
           </td>
         </tr>
       </tbody>
@@ -3273,6 +3422,10 @@ New Relic에서 [오류 처리 방법을 관리할](/docs/agents/manage-apm-agen
 
 [교차 애플리케이션 추적](/docs/apm/transactions/cross-application-traces/introduction-cross-application-traces) 을 제어하는 Node.js 에이전트 변수는 일반적으로 앱 `newrelic.js` 구성 파일의 `cross_application_tracer` 섹션에 나타납니다.
 
+<Callout variant="important">
+  잡아당겨 [추적](/docs/enable-distributed-tracing) 기능은 더 이상 사용되지 않으며 향후 요원 버전에서 제거될 예정입니다.
+</Callout>
+
 <CollapserGroup>
   <Collapser
     id="cat-enabled"
@@ -3299,6 +3452,16 @@ New Relic에서 [오류 처리 방법을 관리할](/docs/agents/manage-apm-agen
             `false`
           </td>
         </tr>
+
+        <tr>
+          <th>
+            [환경 변수](#environment)
+          </th>
+
+          <td>
+            `NEW_RELIC_CROSS_APPLICATION_TRACER_ENABLED`
+          </td>
+        </tr>
       </tbody>
     </table>
 
@@ -3312,7 +3475,7 @@ New Relic에서 [오류 처리 방법을 관리할](/docs/agents/manage-apm-agen
 
 ## 오류 메시지 수정 변수 [#err-message-redact]
 
-오류 메시지 수정을 제어하는 Node.js 에이전트 변수는 앱 `newrelic.js` 구성 파일의 `allow_raw_exception_messages` 섹션에 나타납니다.
+오류 메시지 수정을 제어하는 Node.js 에이전트 변수는 앱 `newrelic.js` 구성 파일의 `strip_exception_messages` 섹션에 나타납니다.
 
 <CollapserGroup>
   <Collapser
@@ -3347,7 +3510,7 @@ New Relic에서 [오류 처리 방법을 관리할](/docs/agents/manage-apm-agen
           </th>
 
           <td>
-            `NEW_RELIC_ALLOW_RAW_EXCEPTION_MESSAGES_ENABLED`
+            `NEW_RELIC_STRIP_EXCEPTION_MESSAGES_ENABLED`
           </td>
         </tr>
       </tbody>
@@ -3357,13 +3520,15 @@ New Relic에서 [오류 처리 방법을 관리할](/docs/agents/manage-apm-agen
   </Collapser>
 </CollapserGroup>
 
-## 분산 추적
+## 분산 추적 [#dt-main]
+
+[분산 추적을 사용하면](/docs/intro-distributed-tracing) 요청이 분산 시스템을 통해 이동하는 경로를 확인할 수 있습니다. 구성 파일을 통해 구성하는 경우 `distributed_tracing` 섹션에 다음 옵션을 배치하세요. Node.js 에이전트 8.3.0 이상에서는 기본적으로 켜져 있습니다.
 
 <Callout variant="important">
   분산 추적을 활성화하면 [교차 애플리케이션 추적](#cross-app-tracing) 이 비활성화되고 다른 APM 기능에 영향을 미칩니다. 활성화하기 전에 [전환 가이드](/docs/transition-guide-distributed-tracing) 를 읽으십시오. [Node.js 에이전트 버전 4.7.0 이상이](/docs/agents/nodejs-agent/installation-configuration/upgrade-nodejs-agent) 필요합니다.
 </Callout>
 
-[분산 추적을](/docs/intro-distributed-tracing) 사용하면 분산 시스템을 통해 이동하는 요청의 경로를 볼 수 있습니다. 구성 파일을 통해 구성할 때 `distributed_tracing` 섹션에 다음 옵션을 배치합니다.
+분산 추적 설정에 대한 자세한 내용은 [Node.js 애플리케이션에 대한 분산 추적 활성화 를](/docs/apm/agents/nodejs-agent/installation-configuration/distributed-tracing-nodejs-agent) 참조하십시오.
 
 <CollapserGroup>
   <Collapser
@@ -3404,13 +3569,11 @@ New Relic에서 [오류 처리 방법을 관리할](/docs/agents/manage-apm-agen
       </tbody>
     </table>
 
-    분산 추적을 활성화하려면 이것을 `true` 으로 설정하십시오.
-
-    예를 들어 구성 파일에서 이를 활성화하려면 다음을 사용합니다.
+    분산 추적을 비활성화하려면 이 옵션을 `false`로 설정합니다. 예를 들어 구성 파일에서 다음을 사용할 수 있습니다.
 
-    ```
+    ```js
     distributed_tracing: {
-       enabled: true
+        enabled: false
     }
     ```
   </Collapser>
@@ -3440,6 +3603,16 @@ New Relic에서 [오류 처리 방법을 관리할](/docs/agents/manage-apm-agen
             `false`
           </td>
         </tr>
+
+        <tr>
+          <th>
+            [환경 변수](#environment)
+          </th>
+
+          <td>
+            `NEW_RELIC_DISTRIBUTED_TRACING_EXCLUDE_NEWRELIC_HEADER`
+          </td>
+        </tr>
       </tbody>
     </table>
 
@@ -3447,18 +3620,110 @@ New Relic에서 [오류 처리 방법을 관리할](/docs/agents/manage-apm-agen
 
     예를 들어 구성 파일에서 이를 활성화하려면 다음을 사용합니다.
 
-    ```
-    distributed_tracing:{
-       enabled: true,
-       exclude_newrelic_header: true
+    ```js
+    distributed_tracing: {
+        enabled: true,
+        exclude_newrelic_header: true
     }
     ```
   </Collapser>
 </CollapserGroup>
 
+## gRPC 서버 계측 [#grpc_server]
+
+`grpc` 섹션은 gRPC 서버가 자원화되는 방식의 동작을 제어합니다.
+
+<CollapserGroup>
+  <Collapser
+    id="record_errors"
+    title="기록_오류"
+  >
+    <table>
+      <tbody>
+        <tr>
+          <th>
+            유형
+          </th>
+
+          <td>
+            부울
+          </td>
+        </tr>
+
+        <tr>
+          <th>
+            기본값
+          </th>
+
+          <td>
+            `true`
+          </td>
+        </tr>
+
+        <tr>
+          <th>
+            [환경 변수](#environment)
+          </th>
+
+          <td>
+            `NEW_RELIC_GRPC_RECORD_ERRORS`
+          </td>
+        </tr>
+      </tbody>
+    </table>
+
+    활성화되면 에이전트는 모든 오류 gRPC 상태 코드를 뉴렐릭, 즉 0이 아닌 상태 코드로 보냅니다. 비활성화되면 서버는 0이 아닌 상태 코드를 뉴렐릭으로 보내지 않습니다.
+  </Collapser>
+</CollapserGroup>
+
+<Collapser
+  id="grpc_error_ignore"
+  title="ignore_status_codes"
+>
+  <table>
+    <tbody>
+      <tr>
+        <th>
+          유형
+        </th>
+
+        <td>
+          정수 배열
+        </td>
+      </tr>
+
+      <tr>
+        <th>
+          기본값
+        </th>
+
+        <td>
+          `[]`
+        </td>
+      </tr>
+
+      <tr>
+        <th>
+          [환경 변수](#environment)
+        </th>
+
+        <td>
+          `NEW_RELIC_GRPC_IGNORE_STATUS_CODES`
+        </td>
+      </tr>
+    </tbody>
+  </table>
+
+  클라이언트 측 계측과 서버 측 계측 모두에서 오류 수집기가 무시할 gRPC 상태 코드의 쉼표로 구분된 목록입니다.
+
+  <Callout variant="caution">
+    [`newrelic.noticeError()`](/docs/apm/agents/nodejs-agent/api-guides/nodejs-agent-api/#noticeError) 사용하여 기록된 오류는 이 설정 값을 따르지 않습니다.
+  </Callout>
+</Collapser>
+
 ## 스팬 이벤트
 
-[분산 추적](#distributed-tracing) 에 대해 [스팬 데이터](/docs/apm/distributed-tracing/ui-data/span-event) 가 보고됩니다. 범위를 보고하려면 분산 추적을 활성화해야 합니다. 스팬 구성은 `span_events` 스탠자에서 설정됩니다. 옵션에는 다음이 포함됩니다.
+[분산 추적을](/docs/apm/distributed-tracing/ui-data/span-event) 위해 [범위](#distributed-tracing) 데이터 가 보고됩니다. 범위를 보고하려면 분산 추적을 활성화해야 합니다. `span_events` 섹션에서 스팬 구성을 설정합니다. 옵션은 다음과 같습니다:
 
 <CollapserGroup>
   <Collapser
@@ -3648,7 +3913,7 @@ New Relic에서 [오류 처리 방법을 관리할](/docs/agents/manage-apm-agen
         </th>
 
         <td>
-          2000 년
+          `2000`
         </td>
       </tr>
 
@@ -3664,14 +3929,20 @@ New Relic에서 [오류 처리 방법을 관리할](/docs/agents/manage-apm-agen
     </tbody>
   </table>
 
-  에이전트가 분당 수집하는 최대 이벤트 수를 정의합니다. 이 수보다 많은 경우 에이전트는 통계적 샘플링을 수집합니다.
+  * 에이전트가 분당 수집하는 최대 이벤트 수를 정의합니다. 이 수보다 많은 경우 에이전트는 통계적 샘플링을 수집합니다.
+
+  * 10k를 초과하여 구성하지 않는 것이 좋습니다. 서버는 데이터를 분당 10,000개로 제한합니다.
+
+  * [AI 모니터링](/docs/ai-monitoring/intro-to-ai-monitoring) 용 에이전트를 구성할 때 최대값 `10000` 으로 설정하세요. 최대량의 트레이스가 캡처되도록 보장합니다.
 
-  10k를 초과하여 구성하지 않는 것이 좋습니다. 서버는 데이터를 분당 10,000개로 제한합니다.
+    <Callout variant="important">
+      `max_samples_stored` 구성 설정에는 [Node.JS 에이전트 버전 8.3.0 이상이](/docs/apm/agents/nodejs-agent/installation-configuration/update-nodejs-agent/) 필요합니다.
+    </Callout>
 </Collapser>
 
 ## 무한 추적
 
-무한 추적을 켜려면 분산 추적을 활성화하고( `distributed_tracing` 를 `enabled: true` 로 설정) 아래에 추가 설정을 추가합니다. 예를 보려면 [언어 에이전트: 분산 추적 구성](/docs/understand-dependencies/distributed-tracing/enable-configure/language-agents-enable-distributed-tracing#node-config) 을 참조하세요.
+무한 추적을 켜려면 아래 설정을 추가하세요. `infinite_tracing` 섹션에서 무한 추적 구성을 설정합니다. 또한 분산 추적을 [활성화](/docs/apm/agents/nodejs-agent/installation-configuration/distributed-tracing-nodejs-agent) 해야 합니다. Node.js APM 에이전트 버전 8.3.0 이상에서는 분산 추적이 기본적으로 활성화되어 있습니다.
 
 <CollapserGroup>
   <Collapser
@@ -3696,7 +3967,7 @@ New Relic에서 [오류 처리 방법을 관리할](/docs/agents/manage-apm-agen
           </th>
 
           <td>
-            `(none)`
+            (없음)
           </td>
         </tr>
 
@@ -3714,9 +3985,56 @@ New Relic에서 [오류 처리 방법을 관리할](/docs/agents/manage-apm-agen
 
     유효한 무한 추적 추적 관찰자 호스트 항목을 가져오는 데 도움이 필요 [하면 추적 관찰자 끝점 찾기 또는 만들기](/docs/understand-dependencies/distributed-tracing/enable-configure/language-agents-enable-distributed-tracing#provision-trace-observer) 를 참조하세요.
   </Collapser>
+
+  <Collapser
+    id="infinite-tracing-queue-size"
+    title="span_events.queue_size"
+  >
+    <table>
+      <tbody>
+        <tr>
+          <th>
+            유형
+          </th>
+
+          <td>
+            숫자
+          </td>
+        </tr>
+
+        <tr>
+          <th>
+            기본값
+          </th>
+
+          <td>
+            `10000`
+          </td>
+        </tr>
+
+        <tr>
+          <th>
+            [환경 변수](#environment)
+          </th>
+
+          <td>
+            `NEW_RELIC_INFINITE_TRACING_SPAN_EVENTS_QUEUE_SIZE`
+          </td>
+        </tr>
+      </tbody>
+    </table>
+
+    에이전트가 삭제하기 전에 메모리에 보유하는 무한 추적 범위의 양입니다.
+
+    대기열이 대부분의 시간 동안 사용되지 않으므로 이 설정을 기본값에서 변경할 필요가 거의 없습니다. 큐는 에이전트가 데이터를 스트리밍할 수 없는 동안 Infinite Tracing 엔드포인트에 다시 연결하는 동안에만 사용됩니다. 이 기간 동안 에이전트가 무한 추적 범위를 삭제할 수 있으며, 이 경우 이 숫자를 늘리는 것이 도움이 될 수 있습니다.
+  </Collapser>
 </CollapserGroup>
 
-## 애플리케이션 로깅
+## 애플리케이션 로깅 [#app-logging]
+
+애플리케이션 로깅 구성 설정에는 [Node.JS 에이전트 버전 8.11.0 이상이](/docs/apm/agents/nodejs-agent/installation-configuration/update-nodejs-agent/) 필요합니다.
+
+Node.js 에이전트의 로그 구성에 대한 팁은 [컨텍스트에서 Node.js 로그 구성을](/docs/logs/logs-context/configure-logs-context-nodejs) 참조하세요.
 
 <CollapserGroup>
   <Collapser
@@ -3757,7 +4075,15 @@ New Relic에서 [오류 처리 방법을 관리할](/docs/agents/manage-apm-agen
       </tbody>
     </table>
 
-    [컨텍스트에서 자동으로 로그를](https://docs.newrelic.com/docs/logs/logs-context/configure-logs-context-nodejs/) 생성할 수 있습니다.
+    [컨텍스트에서 로그](/docs/logs/logs-context/configure-logs-context-nodejs/) 자동 생성을 활성화합니다.
+
+    예를 들어 구성 파일에서 이 기능을 비활성화하려면 다음을 사용합니다.
+
+    ```js
+    application_logging: {
+        enabled: false
+    }
+    ```
   </Collapser>
 
   <Collapser
@@ -3823,7 +4149,7 @@ New Relic에서 [오류 처리 방법을 관리할](/docs/agents/manage-apm-agen
           </th>
 
           <td>
-            `false`
+            `true`
           </td>
         </tr>
 
@@ -3881,6 +4207,12 @@ New Relic에서 [오류 처리 방법을 관리할](/docs/agents/manage-apm-agen
     </table>
 
     New Relic에 분당 보낼 로그 레코드 수입니다. 로그 전달을 사용할 때 전체 메모리 소비를 제어합니다.
+
+    전송되는 로그 라인의 양을 줄이려면 이 값을 더 낮게 설정하십시오(로그 샘플링이 발생할 수 있음). 더 많은 로그 라인을 보내려면 이 값을 더 높게 설정하십시오.
+
+    각 로그는 연결된 트랜잭션과 동일한 우선 순위를 받습니다. 트랜잭션 외부에서 발생하는 로그는 임의의 우선 순위를 받습니다. 일부 로그는 `max_samples_stored` 에 의해 제한되기 때문에 포함되지 않을 수 있습니다. 예를 들어, 로깅 `max_samples_stored` 이 10,000으로 설정되고 트랜잭션 1에 10,000개의 로그 항목이 있는 경우 트랜잭션 1에 대한 로그 항목만 기록됩니다. 트랜잭션 1에 10,000개 미만의 로그가 있는 경우 트랜잭션 1에 대한 모든 로그를 수신합니다. 여전히 공간이 있으면 트랜잭션 2에 대한 모든 로그를 받는 식입니다.
+
+    샘플링된 트랜잭션에 대한 모든 로그가 기록된 후 `max_samples_stored` 의 한도에 도달하지 않은 경우 샘플링에 없는 트랜잭션에 대한 로그 메시지가 전송됩니다. 남아있는 경우 트랜잭션 외부의 로그 메시지가 기록됩니다.
   </Collapser>
 
   <Collapser
@@ -3923,4 +4255,726 @@ New Relic에서 [오류 처리 방법을 관리할](/docs/agents/manage-apm-agen
 
     에이전트가 표준 로그 출력에서 로컬 로그 장식을 수행할지 여부를 토글합니다.
   </Collapser>
+</CollapserGroup>
+
+## 코드 수준 측정항목 [#code-level-metrics]
+
+코드 레벨 지표 설정 설정에는 [Node.JS 에이전트 버전 9.7.5 이상이](/docs/apm/agents/nodejs-agent/installation-configuration/update-nodejs-agent/) 필요합니다.
+
+자세한 내용은 [앱 레벨 지표 문서를](/docs/apm/agents/nodejs-agent/installation-configuration/codestream-integration) 참조하세요.
+
+<CollapserGroup>
+  <Collapser
+    id="code-level-metrics-enabled"
+    title="code_level_metrics.enabled"
+  >
+    <table>
+      <tbody>
+        <tr>
+          <th>
+            유형
+          </th>
+
+          <td>
+            부울
+          </td>
+        </tr>
+
+        <tr>
+          <th>
+            기본값
+          </th>
+
+          <td>
+            `true`
+          </td>
+        </tr>
+
+        <tr>
+          <th>
+            [환경 변수](#environment)
+          </th>
+
+          <td>
+            `NEW_RELIC_CODE_LEVEL_METRICS_ENABLED`
+          </td>
+        </tr>
+      </tbody>
+    </table>
+
+    [코드 레벨 지표를](/docs/codestream/observability/code-level-metrics) 구동하는 데 도움이 되는 모든 Node.js 웹 프레임워크에 대한 미들웨어 범위에 대한 추가 속성을 캡처할지 여부를 토글합니다. 추가 속성은 `code.filepath`, `code.function`, `code.lineno` 및 `code.column` 입니다.
+  </Collapser>
+</CollapserGroup>
+
+## 받은편지함 구성 오류 [#errors-inbox-configuration]
+
+다음 태그 중 하나를 설정하면 오류를 생성하는 소프트웨어 버전을 식별하는 데 도움이 됩니다.
+
+* `NEW_RELIC_METADATA_SERVICE_VERSION` 배포된 코드 버전(대부분의 경우 1.2.3과 같은 의미 버전)이 포함된 이벤트 데이터에 대한 tagged.service.version을 생성하지만 항상 그런 것은 아닙니다.
+* `NEW_RELIC_METADATA_RELEASE_TAG `릴리스 태그(예: v0.1.209)가 포함된 이벤트 데이터에 tagged.releaseTag를 생성합니다. 또는 릴리스-209).
+* `NEW_RELIC_METADATA_COMMIT` 커밋 샤를 포함하는 이벤트 데이터에 대한 tagged.commit을 생성합니다. 전체 sha를 사용하거나 처음 7자만 사용할 수 있습니다(예: 734713b).
+
+향후 릴리스된 오류 받은 편지함에서는 오류를 생성하는 소프트웨어 버전을 자동으로 추적합니다. 모든 버전 데이터는 [CodeStream](/docs/codestream/how-use-codestream/performance-monitoring/#buildsha) 에도 표시됩니다.
+
+## URL 난독화 [#url-obfuscation]
+
+URL 난독화 구성 설정에는 [Node.js 에이전트 버전 9.9.0 이상이](/docs/apm/agents/nodejs-agent/installation-configuration/update-nodejs-agent/) 필요합니다.
+
+설정 예시는 [노드 에이전트 url 난독화](/docs/url-obfuscation/configure-url-obfuscation-nodejs) 에 대한 문서를 참조하세요.
+
+<CollapserGroup>
+  <Collapser
+    id="url-obfuscation-enabled"
+    title="난독화.enabled"
+  >
+    <table>
+      <tbody>
+        <tr>
+          <th>
+            유형
+          </th>
+
+          <td>
+            부울
+          </td>
+        </tr>
+
+        <tr>
+          <th>
+            기본값
+          </th>
+
+          <td>
+            `false`
+          </td>
+        </tr>
+
+        <tr>
+          <th>
+            [환경 변수](#environment)
+          </th>
+
+          <td>
+            `NEW_RELIC_URL_OBFUSCATION_ENABLED`
+          </td>
+        </tr>
+      </tbody>
+    </table>
+
+    정규식 기반 [노드 에이전트 URL 난독화를](/docs/url-obfuscation/configure-url-obfuscation-nodejs/) 활성화합니다.
+  </Collapser>
+
+  <Collapser
+    id="url-obfuscation-regex-pattern"
+    title="난독화.regex.pattern"
+  >
+    <table>
+      <tbody>
+        <tr>
+          <th>
+            유형
+          </th>
+
+          <td>
+            문자열 또는 RegExp
+          </td>
+        </tr>
+
+        <tr>
+          <th>
+            기본값
+          </th>
+
+          <td>
+            (없음)
+          </td>
+        </tr>
+
+        <tr>
+          <th>
+            [환경 변수](#environment)
+          </th>
+
+          <td>
+            `NEW_RELIC_URL_OBFUSCATION_REGEX_PATTERN`
+          </td>
+        </tr>
+      </tbody>
+    </table>
+
+    URL 난독화에 사용할 정규식 패턴을 지정합니다. 이것이 설정되지 않으면 URL 난독화가 수행되지 않습니다.
+  </Collapser>
+
+  <Collapser
+    id="url-obfuscation-regex-flags"
+    title="난독화.regex.flags"
+  >
+    <table>
+      <tbody>
+        <tr>
+          <th>
+            유형
+          </th>
+
+          <td>
+            문자열
+          </td>
+        </tr>
+
+        <tr>
+          <th>
+            기본값
+          </th>
+
+          <td>
+            (없음)
+          </td>
+        </tr>
+
+        <tr>
+          <th>
+            [환경 변수](#environment)
+          </th>
+
+          <td>
+            `NEW_RELIC_URL_OBFUSCATION_REGEX_FLAGS`
+          </td>
+        </tr>
+      </tbody>
+    </table>
+
+    URL 난독화 패턴 일치에 사용할 정규식 플래그를 지정합니다. 예: 전역 일치의 경우 `g` , 대소문자를 구분하지 않는 일치의 경우 `i` 등입니다. 여러 플래그를 문자열로 지정할 수 있습니다. 예: `gi`. 이것이 설정되지 않으면 플래그가 사용되지 않습니다.
+  </Collapser>
+
+  <Collapser
+    id="url-obfuscation-regex-replacement"
+    title="난독화.regex.replacement"
+  >
+    <table>
+      <tbody>
+        <tr>
+          <th>
+            유형
+          </th>
+
+          <td>
+            문자열
+          </td>
+        </tr>
+
+        <tr>
+          <th>
+            기본값
+          </th>
+
+          <td>
+            (없음)
+          </td>
+        </tr>
+
+        <tr>
+          <th>
+            [환경 변수](#environment)
+          </th>
+
+          <td>
+            `NEW_RELIC_URL_OBFUSCATION_REGEX_REPLACEMENT`
+          </td>
+        </tr>
+      </tbody>
+    </table>
+
+    URL 난독화에 사용할 대체 문자열을 지정합니다. 패턴의 그룹을 캡처하기 위한 참조를 포함할 수 있습니다. 예: `$1`. 이것이 설정되지 않으면 모든 것이 단일 빈 문자열로 대체됩니다.
+  </Collapser>
+</CollapserGroup>
+
+## 보안 에이전트 [#security-agent]
+
+[뉴렐릭](/docs/iast/introduction/) IAST(보안 요원 대화형 군대 보안 테스트)는 생성된 HTTP 요청을 취약한 페이로드로 재생하여 악용 가능한 모든 제작에 대해 테스트합니다.
+
+<Callout variant="caution">
+  프로덕션 소프트웨어에 취약성이 노출되지 않도록 하려면 비프로덕션 배포에서만 IAST를 실행하십시오.
+</Callout>
+
+<Callout variant="important">
+  보안 에이전트 구성 설정에는 [Node.js 에이전트 버전 10.3.0 이상이](/docs/apm/agents/nodejs-agent/installation-configuration/update-nodejs-agent/) 필요합니다.
+</Callout>
+
+<CollapserGroup>
+  <Collapser
+    id="security-enabled"
+    title="보안 활성화"
+  >
+    <table>
+      <tbody>
+        <tr>
+          <th>
+            유형
+          </th>
+
+          <td>
+            부울
+          </td>
+        </tr>
+
+        <tr>
+          <th>
+            기본값
+          </th>
+
+          <td>
+            `false`
+          </td>
+        </tr>
+
+        <tr>
+          <th>
+            [환경 변수](#environment)
+          </th>
+
+          <td>
+            `NEW_RELIC_SECURITY_ENABLED`
+          </td>
+        </tr>
+      </tbody>
+    </table>
+
+    뉴렐릭 Security Agent 데이터를 뉴렐릭으로 전송할지 여부를 전환합니다. 이것이 비활성화되고 security.에이전트.enabled가 true인 경우, 보안 에이전트는 등록되지만 데이터는 전송되지 않습니다.
+  </Collapser>
+
+  <Collapser
+    id="security-agent-enabled"
+    title="security.에이전트.enabled"
+  >
+    <table>
+      <tbody>
+        <tr>
+          <th>
+            유형
+          </th>
+
+          <td>
+            부울
+          </td>
+        </tr>
+
+        <tr>
+          <th>
+            기본값
+          </th>
+
+          <td>
+            `false`
+          </td>
+        </tr>
+
+        <tr>
+          <th>
+            [환경 변수](#environment)
+          </th>
+
+          <td>
+            `NEW_RELIC_SECURITY_AGENT_ENABLED`
+          </td>
+        </tr>
+      </tbody>
+    </table>
+
+    뉴렐릭 보안 요원이 로드되는지 여부를 전환합니다. 이 속성은 애플리케이션 시작 시 한 번만 읽혀집니다.
+  </Collapser>
+
+  <Collapser
+    id="security-mode"
+    title="보안.모드"
+  >
+    <table>
+      <tbody>
+        <tr>
+          <th>
+            유형
+          </th>
+
+          <td>
+            문자열
+          </td>
+        </tr>
+
+        <tr>
+          <th>
+            기본값
+          </th>
+
+          <td>
+            `IAST`
+          </td>
+        </tr>
+
+        <tr>
+          <th>
+            [환경 변수](#environment)
+          </th>
+
+          <td>
+            `NEW_RELIC_SECURITY_MODE`
+          </td>
+        </tr>
+      </tbody>
+    </table>
+
+    뉴렐릭 보안 제공 모드: IAST. 기본값은 IAST입니다. IAST 스캐닝의 침입적 특성으로 인해 실내 환경이나 프로덕션 데이터가 처리되는 환경에서는 이 모드를 활성화하지 마십시오.
+  </Collapser>
+
+  <Collapser
+    id="security-validator-url"
+    title="security.validator_service_url"
+  >
+    <table>
+      <tbody>
+        <tr>
+          <th>
+            유형
+          </th>
+
+          <td>
+            문자열
+          </td>
+        </tr>
+
+        <tr>
+          <th>
+            기본값
+          </th>
+
+          <td>
+            `wss://csec.nr-data.net`
+          </td>
+        </tr>
+
+        <tr>
+          <th>
+            [환경 변수](#environment)
+          </th>
+
+          <td>
+            `NEW_RELIC_SECURITY_VALIDATOR_SERVICE_URL`
+          </td>
+        </tr>
+      </tbody>
+    </table>
+
+    뉴렐릭 보안 연결 URL입니다. 이는 보안 에이전트가 데이터를 보내는 엔드포인트이며 Node.js 에이전트에 대해 설정한 환경과 일치해야 합니다.
+  </Collapser>
+
+  <Collapser
+    id="security-rci-detection"
+    title="security.Detection.rci.enabled"
+  >
+    <table>
+      <tbody>
+        <tr>
+          <th>
+            유형
+          </th>
+
+          <td>
+            부울
+          </td>
+        </tr>
+
+        <tr>
+          <th>
+            기본값
+          </th>
+
+          <td>
+            `true`
+          </td>
+        </tr>
+
+        <tr>
+          <th>
+            [환경 변수](#environment)
+          </th>
+
+          <td>
+            `NEW_RELIC_SECURITY_DETECTION_RCI_ENABLED`
+          </td>
+        </tr>
+      </tbody>
+    </table>
+
+    RCI 보안 이벤트 감지를 활성화합니다.
+  </Collapser>
+
+  <Collapser
+    id="security-xss-detection"
+    title="security.Detection.rxss.enabled"
+  >
+    <table>
+      <tbody>
+        <tr>
+          <th>
+            유형
+          </th>
+
+          <td>
+            부울
+          </td>
+        </tr>
+
+        <tr>
+          <th>
+            기본값
+          </th>
+
+          <td>
+            `true`
+          </td>
+        </tr>
+
+        <tr>
+          <th>
+            [환경 변수](#environment)
+          </th>
+
+          <td>
+            `NEW_RELIC_SECURITY_DETECTION_RXSS_ENABLED`
+          </td>
+        </tr>
+      </tbody>
+    </table>
+
+    RXSS 보안 이벤트 감지를 활성화합니다.
+  </Collapser>
+
+  <Collapser
+    id="security-deserialization-detection"
+    title="security.Detection.deserialization.enabled"
+  >
+    <table>
+      <tbody>
+        <tr>
+          <th>
+            유형
+          </th>
+
+          <td>
+            부울
+          </td>
+        </tr>
+
+        <tr>
+          <th>
+            기본값
+          </th>
+
+          <td>
+            `true`
+          </td>
+        </tr>
+
+        <tr>
+          <th>
+            [환경 변수](#environment)
+          </th>
+
+          <td>
+            `NEW_RELIC_SECURITY_DETECTION_DESERIALIZATION_ENABLED`
+          </td>
+        </tr>
+      </tbody>
+    </table>
+
+    역직렬화 보안 이벤트 감지를 활성화합니다.
+  </Collapser>
+</CollapserGroup>
+
+## 헤로쿠 [#heroku]
+
+<CollapserGroup>
+  <Collapser
+    id="heroku-dyno"
+    title="heroku.use_dyno_names"
+  >
+    <table>
+      <tbody>
+        <tr>
+          <th>
+            유형
+          </th>
+
+          <td>
+            부울
+          </td>
+        </tr>
+
+        <tr>
+          <th>
+            기본값
+          </th>
+
+          <td>
+            `true`
+          </td>
+        </tr>
+
+        <tr>
+          <th>
+            [환경 변수](#environment)
+          </th>
+
+          <td>
+            `NEW_RELIC_HEROKU_USE_DYNO_NAMES`
+          </td>
+        </tr>
+      </tbody>
+    </table>
+
+    true인 경우 에이전트는 Heroku dyno 이름을 호스트명으로 사용합니다.
+  </Collapser>
+</CollapserGroup>
+
+## 작업자 스레드 [#worker-threads]
+
+11.0.0 이전 에이전트 버전에서는 에이전트가 기본 스레드와 작업자 스레드 모두에서 실행되었습니다. 버전 11.0.0에서는 비동기 컨텍스트 전파와의 비호환성으로 인해 에이전트가 작업자 스레드에서 실행을 중지했습니다. 작업자 스레드에서 실행하는 기능은 버전 11.3.0에서 복원되었지만 `worker_threads.enabled` `true` 로 설정해야 합니다. 작업자 스레드에서 실행되는 동작은 다양하며 공식적으로 지원하지 않습니다. 지표 생성 및 자체 포함형 프로세서 트레이스와 같은 일부 기능은 작동할 수 있지만 이는 사용자의 책임하에 사용하는 것입니다.
+
+<CollapserGroup>
+  <Collapser
+    id="worker-threads"
+    title="작업자_스레드.활성화됨"
+  >
+    <table>
+      <tbody>
+        <tr>
+          <th>
+            유형
+          </th>
+
+          <td>
+            부울
+          </td>
+        </tr>
+
+        <tr>
+          <th>
+            기본값
+          </th>
+
+          <td>
+            `false`
+          </td>
+        </tr>
+
+        <tr>
+          <th>
+            [환경 변수](#environment)
+          </th>
+
+          <td>
+            `NEW_RELIC_WORKER_THREADS_ENABLED`
+          </td>
+        </tr>
+      </tbody>
+    </table>
+
+    true인 경우 지정된 경우 작업자 스레드에 있을 때 에이전트가 로드됩니다.
+  </Collapser>
+</CollapserGroup>
+
+## 환경 변수 재정의
+
+이 섹션에서는 환경 변수에만 사용할 수 있는 두 가지 구성 옵션을 정의합니다. 이러한 재정의는 대부분의 구성에서 사용되지 않습니다.
+
+<CollapserGroup>
+  <Collapser
+    id="home"
+    title="NEW_RELIC_HOME"
+  >
+    `newrelic.js` 이 포함된 디렉토리 경로입니다. 이것은 환경 변수로만 사용할 수 있습니다. 구성 파일에서 설정할 수 없습니다.
+
+    <table>
+      <tbody>
+        <tr>
+          <th>
+            유형
+          </th>
+
+          <td>
+            문자열
+          </td>
+        </tr>
+
+        <tr>
+          <th>
+            기본값
+          </th>
+
+          <td>
+            (없음)
+          </td>
+        </tr>
+      </tbody>
+    </table>
+  </Collapser>
+
+  <Collapser
+    id="no_file"
+    title="NEW_RELIC_NO_CONFIG_FILE"
+  >
+    사용하는 경우 에이전트가 `newrelic.js` 에서 구성 설정을 읽는 것을 방지합니다. 환경 변수의 기본값과 값은 계속 설정됩니다.
+
+    이것은 환경 변수로만 사용할 수 있습니다. 구성 파일에서 설정할 수 없습니다.
+
+    <table>
+      <tbody>
+        <tr>
+          <th>
+            유형
+          </th>
+
+          <td>
+            부울
+          </td>
+        </tr>
+
+        <tr>
+          <th>
+            기본값
+          </th>
+
+          <td>
+            `false`
+          </td>
+        </tr>
+      </tbody>
+    </table>
+  </Collapser>
+</CollapserGroup>
+
+## 환경 변수 유형 참조 가이드
+
+이 섹션에서는 복합 데이터 유형의 형식을 올바르게 지정하는 방법을 설명합니다.
+
+<CollapserGroup>
+  <Collapser
+    id="array"
+    title="정렬"
+  >
+    기타 유형은 쉼표로 구분된 문자열로 정의됩니다.
+
+    ```ini
+    NEW_RELIC_ERROR_COLLECTOR_IGNORE_ERROR_CODES=404,500,429
+    ```
+  </Collapser>
+
+  <Collapser
+    id="object"
+    title="물체"
+  >
+    객체 유형은 json 문자열로 정의됩니다.
+
+    ```ini
+    NEW_RELIC_ERROR_COLLECTOR_EXPECTED_MESSAGES='{"Error":["Undefined", "No soup for you!"]}'
+    ```
+  </Collapser>
 </CollapserGroup>
\ No newline at end of file
diff --git a/src/i18n/content/kr/docs/apm/agents/php-agent/installation/php-agent-installation-ubuntu-debian.mdx b/src/i18n/content/kr/docs/apm/agents/php-agent/installation/php-agent-installation-ubuntu-debian.mdx
index 718942a1034..61dd850d928 100644
--- a/src/i18n/content/kr/docs/apm/agents/php-agent/installation/php-agent-installation-ubuntu-debian.mdx
+++ b/src/i18n/content/kr/docs/apm/agents/php-agent/installation/php-agent-installation-ubuntu-debian.mdx
@@ -9,7 +9,7 @@ freshnessValidatedDate: never
 translationType: machine
 ---
 
-[PHP 에이전트](/docs/agents/php-agent/getting-started/new-relic-php#configuration) 가 코드를 자동 계측하므로 애플리케이션 모니터링을 시작할 수 있습니다. 다음은 Ubuntu 또는 Debian에 PHP 에이전트를 설치하는 표준 절차입니다. (이는 [인프라 모니터링 에이전트](/docs/infrastructure/new-relic-infrastructure/installation/install-infrastructure-linux#apt-based) 에 대한 Ubuntu 및 Debian 절차와 동일하지 않습니다.) 다른 상황에 대해서는 [비표준 PHP 설치를 위한 PHP 에이전트 절차를](/docs/php/php-agent-installation-non-standard-php) 참조하십시오.
+우리의 [PHP 에이전트는](/docs/agents/php-agent/getting-started/new-relic-php#configuration) 귀하의 코드를 자동으로 분석하여 모델링을 시작할 수 있습니다. 다음은 Ubuntu 또는 Debian에 PHP 에이전트를 설치하는 표준 절차입니다. (이는 [인프라 에이전트](/docs/infrastructure/new-relic-infrastructure/installation/install-infrastructure-linux#apt-based) 에 대한 Ubuntu 및 Debian 절차와 동일하지 않습니다.) 다른 상황의 경우 [비표준 PHP 설치를 위한 PHP 에이전트 절차를](/docs/php/php-agent-installation-non-standard-php) 참조하세요.
 
 ## PHP 버전 [#php7]
 
@@ -39,11 +39,15 @@ New Relic의 PHP 에이전트 패키지 이름은 `newrelic-php5` 입니다. 패
   <tbody>
     <tr>
       <td>
-        **1.**
+        <DoNotTranslate>
+          **1.**
+        </DoNotTranslate>
       </td>
 
       <td>
-        **New Relic apt 저장소를 구성합니다.**
+        <DoNotTranslate>
+          **Configure the New Relic apt repository.**
+        </DoNotTranslate>
 
         ```bash
         echo 'deb http://apt.newrelic.com/debian/ newrelic non-free' | sudo tee /etc/apt/sources.list.d/newrelic.list
@@ -57,11 +61,15 @@ New Relic의 PHP 에이전트 패키지 이름은 `newrelic-php5` 입니다. 패
 
     <tr>
       <td>
-        **2.**
+        <DoNotTranslate>
+          **2.**
+        </DoNotTranslate>
       </td>
 
       <td>
-        **New Relic GPG 키를 신뢰하십시오.**
+        <DoNotTranslate>
+          **Trust the New Relic GPG key.**
+        </DoNotTranslate>
 
         이 단계는 apt-get이 새 패키지를 찾을 인증된 소스로 New Relic을 등록하는 데 필요합니다. 글로벌 키 서버에서 New Relic 공개 apt-key를 얻으려면 루트로 다음 명령을 실행하십시오.
 
@@ -75,11 +83,15 @@ New Relic의 PHP 에이전트 패키지 이름은 `newrelic-php5` 입니다. 패
 
     <tr>
       <td>
-        **삼.**
+        <DoNotTranslate>
+          **3.**
+        </DoNotTranslate>
       </td>
 
       <td>
-        **로컬 패키지 목록을 업데이트합니다.**
+        <DoNotTranslate>
+          **Update the local package list.**
+        </DoNotTranslate>
 
         루트로 다음 명령을 실행합니다.
 
@@ -91,11 +103,15 @@ New Relic의 PHP 에이전트 패키지 이름은 `newrelic-php5` 입니다. 패
 
     <tr>
       <td>
-        **4.**
+        <DoNotTranslate>
+          **4.**
+        </DoNotTranslate>
       </td>
 
       <td>
-        **PHP 에이전트를 설치합니다.**
+        <DoNotTranslate>
+          **Install the PHP agent.**
+        </DoNotTranslate>
 
         다음 명령을 실행하여 New Relic 리포지토리에서 직접 설치합니다.
 
@@ -107,11 +123,15 @@ New Relic의 PHP 에이전트 패키지 이름은 `newrelic-php5` 입니다. 패
 
     <tr>
       <td>
-        **5.**
+        <DoNotTranslate>
+          **5.**
+        </DoNotTranslate>
       </td>
 
       <td>
-        **비표준 설치: 수동으로 설치를 완료합니다.**
+        <DoNotTranslate>
+          **Non-standard installations: Complete installation manually.**
+        </DoNotTranslate>
 
         기본 Ubuntu 또는 Debian PHP 패키지를 사용하지 않는 경우 `newrelic-php5` 패키지가 PHP를 자동으로 구성하지 못할 수 있습니다. 다음 오류가 표시될 수 있습니다.
 
@@ -129,23 +149,31 @@ New Relic의 PHP 에이전트 패키지 이름은 `newrelic-php5` 입니다. 패
 
     <tr>
       <td>
-        **6.**
+        <DoNotTranslate>
+          **6.**
+        </DoNotTranslate>
       </td>
 
       <td>
-        **애플리케이션 이름과 New Relic 라이선스 키를 구성합니다.**
+        <DoNotTranslate>
+          **Configure your application name and New Relic license key.**
+        </DoNotTranslate>
 
-        설치 프로세스에서 애플리케이션 이름과 라이선스 키를 묻는 메시지가 표시됩니다. 당신의 <InlinePopover type="licenseKey"/>**계정 설정**의 계정 정보 섹션에 나타납니다. 헤드리스 설치의 경우 [`debconf` 사용하여 라이센스 키와 애플리케이션 이름을 미리 시드](#preseeding)할 수도 있습니다.
+        귀하의 이름과 국방 키에 대한 프로세스 설치입니다. 귀하의 <InlinePopover type="licenseKey"/>는) <DoNotTranslate>**Account settings**</DoNotTranslate> 의 계정 정보 섹션에 나타납니다. 헤드리스 설치의 경우 [`debconf`사용하여 국방 키 및 제작 이름을 미리 설정할](#preseeding) 수도 있습니다.
       </td>
     </tr>
 
     <tr>
       <td>
-        **7.**
+        <DoNotTranslate>
+          **7.**
+        </DoNotTranslate>
       </td>
 
       <td>
-        **웹 서버 또는 FPM(FastCGI Process Manager)을 다시 시작합니다.**
+        <DoNotTranslate>
+          **Restart your web server or FastCGI Process Manager (FPM).**
+        </DoNotTranslate>
 
         앱에 대한 트래픽을 생성하고 애플리케이션이 New Relic에 데이터를 보낼 때까지 몇 분 정도 기다립니다. 그런 다음 [New Relic UI 에서 앱의 성능을 확인하세요](/docs/apm/applications-menu/monitoring/apm-overview-page) .
       </td>
@@ -185,11 +213,15 @@ DEBIAN_FRONTEND=noninteractive apt-get -y install newrelic-php5
   <tbody>
     <tr>
       <td>
-        **1.**
+        <DoNotTranslate>
+          **1.**
+        </DoNotTranslate>
       </td>
 
       <td>
-        **패키지 다운로드 URL을 복사합니다.**
+        <DoNotTranslate>
+          **Copy the URL for the package download.**
+        </DoNotTranslate>
 
         아키텍처에 적합한 URL로 이동하여 최신 `newrelic-daemon` , `newrelic-php5-common` 및 `newrelic-php5` 패키지의 전체 URL을 복사합니다.
 
@@ -200,11 +232,15 @@ DEBIAN_FRONTEND=noninteractive apt-get -y install newrelic-php5
 
     <tr>
       <td>
-        **2.**
+        <DoNotTranslate>
+          **2.**
+        </DoNotTranslate>
       </td>
 
       <td>
-        **패키지를 다운로드합니다.**
+        <DoNotTranslate>
+          **Download the package.**
+        </DoNotTranslate>
 
         다음 `wget` 명령을 실행하고 `https://LINK_TO_PACKAGE` 을 패키지의 전체 URL로 바꿉니다.
 
@@ -216,21 +252,29 @@ DEBIAN_FRONTEND=noninteractive apt-get -y install newrelic-php5
 
     <tr>
       <td>
-        **삼.**
+        <DoNotTranslate>
+          **3.**
+        </DoNotTranslate>
       </td>
 
       <td>
-        **PHP 에이전트를 설치합니다.**
+        <DoNotTranslate>
+          **Install the PHP agent.**
+        </DoNotTranslate>
 
         루트로 적절한 명령을 실행하고 `X.X.X.X` 을 현재 버전으로 바꿉니다.
 
-        **32비트:**
+        <DoNotTranslate>
+          **32-bit:**
+        </DoNotTranslate>
 
         ```bash
         dpkg -i newrelic-php5-common_X.X.X.X_all.deb newrelic-daemon_X.X.X.X_i386.deb newrelic-php5_X.X.X.X_i386.deb
         ```
 
-        **64비트:**
+        <DoNotTranslate>
+          **64-bit:**
+        </DoNotTranslate>
 
         ```bash
         dpkg -i newrelic-php5-common_X.X.X.X_all.deb newrelic-daemon_X.X.X.X_amd64.deb newrelic-php5_X.X.X.X_amd64.deb
@@ -240,23 +284,31 @@ DEBIAN_FRONTEND=noninteractive apt-get -y install newrelic-php5
 
     <tr>
       <td>
-        **4.**
+        <DoNotTranslate>
+          **4.**
+        </DoNotTranslate>
       </td>
 
       <td>
-        **애플리케이션 이름과 New Relic 라이선스 키를 구성합니다.**
+        <DoNotTranslate>
+          **Configure your application name and New Relic license key.**
+        </DoNotTranslate>
 
-        설치 프로세스에서 애플리케이션 이름과 라이선스 키를 묻는 메시지가 표시됩니다. 당신의 <InlinePopover type="licenseKey"/>**계정 설정**의 계정 정보 섹션에 나타납니다. 헤드리스 설치의 경우 [`debconf` 사용하여 라이센스 키와 애플리케이션 이름을 미리 시드](#preseeding)할 수도 있습니다.
+        귀하의 이름과 국방 키에 대한 프로세스 설치입니다. 귀하의 <InlinePopover type="licenseKey"/>는) <DoNotTranslate>**Account settings**</DoNotTranslate> 의 계정 정보 섹션에 나타납니다. 헤드리스 설치의 경우 [`debconf`사용하여 국방 키 및 제작 이름을 미리 설정할](#preseeding) 수도 있습니다.
       </td>
     </tr>
 
     <tr>
       <td>
-        **5.**
+        <DoNotTranslate>
+          **5.**
+        </DoNotTranslate>
       </td>
 
       <td>
-        **웹 서버 또는 FPM(FastCGI Process Manager)을 다시 시작합니다.**
+        <DoNotTranslate>
+          **Restart your web server or FastCGI Process Manager (FPM).**
+        </DoNotTranslate>
 
         앱에 대한 트래픽을 생성하고 애플리케이션이 New Relic에 데이터를 보낼 때까지 몇 분 정도 기다립니다. 그런 다음 [New Relic UI 에서 앱의 성능을 확인하세요](/docs/apm/applications-menu/monitoring/apm-overview-page) .
       </td>
@@ -268,7 +320,7 @@ DEBIAN_FRONTEND=noninteractive apt-get -y install newrelic-php5
 
 ## 헤드리스: 사전 설정 라이선스 키 및 앱 이름 [#preseeding]
 
-헤드리스 설치의 경우 미리 설정할 수 있습니다. <InlinePopover type="licenseKey"/>및 [애플리케이션 이름](/docs/site/naming-your-application). 배포판에서 제공하는 기본 php5 패키지를 사용해야 합니다. 미리 설정하려면 [`debconf-set-selections`](http://manpages.ubuntu.com/manpages/trusty/en/man1/debconf-set-selections.1.html)사용하여 `debconf` 데이터베이스에 값을 설정합니다.
+헤드리스 설치의 경우 <InlinePopover type="licenseKey"/>및 [애플리케이션 이름을](/docs/site/naming-your-application) 미리 설정할 수 있습니다. 배포판에서 제공하는 기본 php5 패키지를 사용해야 합니다. 미리 설정하려면 [`debconf-set-selections`](http://manpages.ubuntu.com/manpages/trusty/en/man1/debconf-set-selections.1.html) 사용하여 `debconf` 데이터베이스에 값을 설정하세요.
 
 <Callout variant="important">
   패키지된 PHP를 사용하지 않는 경우 이러한 설정은 무시됩니다. `newrelic-install` 을(를) 실행하라는 메시지가 표시됩니다.
@@ -310,7 +362,7 @@ DEBIAN_FRONTEND=noninteractive apt-get -y install newrelic-php5
         newrelic-php5/license-key
         ```
 
-        당신의 <InlinePopover type="licenseKey"/>. 이 문자열은 `newrelic.ini` 에서 [`newrelic.license`](/docs/php/php-agent-phpini-settings#inivar-license) 설정합니다.
+        귀하의 <InlinePopover type="licenseKey"/>. 이 문자열은 `newrelic.ini` 에 [`newrelic.license`](/docs/php/php-agent-phpini-settings#inivar-license) 설정합니다.
       </td>
 
       <td>
diff --git a/src/i18n/content/kr/docs/infrastructure/amazon-integrations/aws-integrations-list/aws-sys-dist.mdx b/src/i18n/content/kr/docs/infrastructure/amazon-integrations/aws-integrations-list/aws-sys-dist.mdx
index 8c33188c041..2da05aaeb73 100644
--- a/src/i18n/content/kr/docs/infrastructure/amazon-integrations/aws-integrations-list/aws-sys-dist.mdx
+++ b/src/i18n/content/kr/docs/infrastructure/amazon-integrations/aws-integrations-list/aws-sys-dist.mdx
@@ -17,7 +17,7 @@ translationType: machine
 
 ## 통합 활성화 [#integration]
 
-AWS Systems Manager 콘솔을 사용하여 <DoNotTranslate>**New Relic infrastructure monitoring agent**</DoNotTranslate> 배포자 패키지를 한 번 설치 또는 업데이트하거나 설치 일정을 설정할 수 있습니다.
+AWS Systems Manager 콘솔을 사용하여 <DoNotTranslate>**New Relic infrastructure agent**</DoNotTranslate> 배포자 패키지를 한 번 설치 또는 업데이트하거나 설치 일정을 설정할 수 있습니다.
 
 * 일회성 설치를 구성하면
 
@@ -31,9 +31,9 @@ New Relic은 또한 EC2 모니터링을 위한 자동화된 프로세스를 제
 
 ## 에이전트 설치 또는 업데이트 [#install-update]
 
-1. AWS 시스템 관리자 [콘솔을](https://console.aws.amazon.com/systems-manager) 엽니다. 탐색 창에서 <DoNotTranslate>**Distributor**</DoNotTranslate> 선택하고, <DoNotTranslate>**Third party**</DoNotTranslate> 선택하고, <DoNotTranslate>**New Relic infrastructure monitoring agent**</DoNotTranslate> 타일을 선택합니다.
+1. AWS 시스템 관리자 [콘솔을](https://console.aws.amazon.com/systems-manager) 엽니다. 탐색 창에서 <DoNotTranslate>**Distributor**</DoNotTranslate> 선택하고, <DoNotTranslate>**Third party**</DoNotTranslate> 선택하고, <DoNotTranslate>**New Relic infrastructure agent**</DoNotTranslate> 타일을 선택합니다.
 
-2. 설치 모드를 선택하세요. <DoNotTranslate>**New Relic infrastructure monitoring agent**</DoNotTranslate> 패키지를 한 번 설치 또는 업데이트하거나 설치를 예약할 수 있습니다. <DoNotTranslate>**Distributor packages**</DoNotTranslate> 설치에 대한 자세한 내용은 [AWS 시스템 관리자 배포자 설명서를](https://docs.aws.amazon.com/systems-manager/latest/userguide/distributor-working-with-packages-deploy.html) 참조하십시오.
+2. 설치 모드를 선택하세요. <DoNotTranslate>**New Relic infrastructure agent**</DoNotTranslate> 패키지를 한 번 설치 또는 업데이트하거나 설치를 예약할 수 있습니다. <DoNotTranslate>**Distributor packages**</DoNotTranslate> 설치에 대한 자세한 내용은 [AWS 시스템 관리자 배포자 설명서를](https://docs.aws.amazon.com/systems-manager/latest/userguide/distributor-working-with-packages-deploy.html) 참조하십시오.
 
 3. <DoNotTranslate>**Action**</DoNotTranslate> 에 대해 <DoNotTranslate>**Install**</DoNotTranslate> 선택합니다.
 
diff --git a/src/i18n/content/kr/docs/infrastructure/host-integrations/host-integrations-list/postfix-monitoring-integration.mdx b/src/i18n/content/kr/docs/infrastructure/host-integrations/host-integrations-list/postfix-monitoring-integration.mdx
index 4340539b1cc..79653d59ff4 100644
--- a/src/i18n/content/kr/docs/infrastructure/host-integrations/host-integrations-list/postfix-monitoring-integration.mdx
+++ b/src/i18n/content/kr/docs/infrastructure/host-integrations/host-integrations-list/postfix-monitoring-integration.mdx
@@ -10,7 +10,7 @@ translationType: machine
 
 import infrastructurePostfixDashboard from 'images/infrastructure_screenshot-full_Postfix-dashboard.webp'
 
-Postfix 통합 통합 메일 서버 데이터를 하나의 보기로 통합하여 특정 기간 동안 전송, 반송 또는 지연된 이메일 수를 추적할 수 있습니다. Postfix 통합은 후방 감시 에이전트를 사용하며 이메일 전달 프로세스, 메일 대기열, 메시지 개요와 같은 가장 중요한 Postfix 지표가 포함된 사전 구축된 대시보드를 제공합니다.
+Postfix 통합 통합 메일 서버 데이터를 하나의 보기로 표시하므로 특정 기간 동안 전송, 반송 또는 지연된 이메일 수를 추적할 수 있습니다. Postfix 통합은 서비스 에이전트를 사용하며 이메일 전달 프로세스, 메일 대기열, 메시지 개요와 같은 가장 중요한 Postfix 지표가 포함된 사전 구축된 대시보드를 제공합니다.
 
 <img
   title="Postfix dashboard"
diff --git a/src/i18n/content/kr/docs/infrastructure/host-integrations/host-integrations-list/rabbitmq-monitoring-integration.mdx b/src/i18n/content/kr/docs/infrastructure/host-integrations/host-integrations-list/rabbitmq-monitoring-integration.mdx
index 75880ae4c68..bdf08920f0b 100644
--- a/src/i18n/content/kr/docs/infrastructure/host-integrations/host-integrations-list/rabbitmq-monitoring-integration.mdx
+++ b/src/i18n/content/kr/docs/infrastructure/host-integrations/host-integrations-list/rabbitmq-monitoring-integration.mdx
@@ -38,7 +38,7 @@ RabbitMQ 통합을 설치하려면 환경에 대한 지침을 따르세요.
     id="ansible"
     title="앤서블"
   >
-    [구성 관리 도구](/docs/infrastructure/install-infrastructure-agent/linux-installation/install-configuration-management-tools) 를 사용하여 [인프라 모니터링 에이전트](/docs/infrastructure/infrastructure-monitoring/get-started/get-started-infrastructure-monitoring/) 를 시작하십시오.
+    [배치 관리](/docs/infrastructure/install-infrastructure-agent/linux-installation/install-configuration-management-tools) 도구를 사용하여 [군대 에이전트를](/docs/infrastructure/infrastructure-monitoring/get-started/get-started-infrastructure-monitoring/) 시작하세요.
   </Collapser>
 
   <Collapser
@@ -77,7 +77,9 @@ RabbitMQ 통합을 설치하려면 환경에 대한 지침을 따르세요.
 
     5. 자동 Rabbitmq 오류 로그 구문 분석 및 전달을 활성화하려면 `rabbitmq-log.yml.example` 파일을 `rabbitmq-log.yml` 에 복사(또는 이름 변경)하세요. 에이전트를 다시 시작할 필요가 없습니다.
 
-       **예시:**
+       <DoNotTranslate>
+         **Example:**
+       </DoNotTranslate>
 
        ```
        sudo cp /etc/newrelic-infra/logging.d/rabbitmq-log.yml.example /etc/newrelic-infra/logging.d/rabbitmq-log.yml
@@ -108,13 +110,17 @@ RabbitMQ 통합을 설치하려면 환경에 대한 지침을 따르세요.
 
     5. 자동 Rabbitmq 오류 로그 구문 분석 및 전달을 활성화하려면 `rabbitmq-log-win.yml.example` 파일을 `rabbitmq-log-win.yml` 에 복사(또는 이름 변경)하세요.
 
-       **명령 프롬프트 예:**
+       <DoNotTranslate>
+         **Command Prompt Example:**
+       </DoNotTranslate>
 
        ```
        rename "C:\Program Files\New Relic\newrelic-infra\logging.d\rabbitmq-log-win.yml.example" rabbitmq-log-win.yml
        ```
 
-       **파워쉘 예:**
+       <DoNotTranslate>
+         **Powershell Example:**
+       </DoNotTranslate>
 
        ```
        Rename-Item -Path "C:\Program Files\New Relic\newrelic-infra\logging.d\rabbitmq-log-win.yml.example" -NewName "rabbitmq-log-win.yml"
@@ -124,8 +130,13 @@ RabbitMQ 통합을 설치하려면 환경에 대한 지침을 따르세요.
 
 추가 참고 사항:
 
-* **고급:** 통합은 패키지 관리자 외부에서 설치할 수 있도록 [tarball 형식](/docs/infrastructure/host-integrations/installation/install-infrastructure-host-integrations/#tarball) 으로도 제공됩니다.
-* **호스트 내 통합은 자동으로 업데이트되지 않습니다.** 최상의 결과를 얻으 [려면 통합 패키지](/docs/integrations/host-integrations/installation/update-infrastructure-host-integration-package) 및 [인프라 에이전트](/docs/infrastructure/new-relic-infrastructure/installation/update-infrastructure-agent) 를 정기적으로 업데이트하십시오.
+* <DoNotTranslate>**Advanced:**</DoNotTranslate>
+
+  통합은 [Tarball 형식](/docs/infrastructure/host-integrations/installation/install-infrastructure-host-integrations/#tarball) 으로도 제공되므로 헤드셋 매니저 외부에 설치할 수 있습니다.
+
+* <DoNotTranslate>**On-host integrations do not automatically update.**</DoNotTranslate>
+
+  최상의 결과를 얻으 [려면 통합 패키지](/docs/integrations/host-integrations/installation/update-infrastructure-host-integration-package) 및 [인프라 에이전트](/docs/infrastructure/new-relic-infrastructure/installation/update-infrastructure-agent) 를 정기적으로 업데이트하십시오.
 
 <Callout variant="important">
   이 통합은 호스트당 하나의 RabbitMQ 서버 인스턴스만 모니터링할 수 있습니다.
@@ -153,7 +164,9 @@ RabbitMQ 통합을 설치하려면 환경에 대한 지침을 따르세요.
 
 RabbitMQ와 관련된 특정 설정은 구성 파일의 `env` 섹션을 사용하여 정의됩니다. 이러한 설정은 RabbitMQ 인스턴스에 대한 연결과 기타 보안 설정 및 기능을 제어합니다. 유효한 설정 목록은 이 문서의 다음 섹션에 설명되어 있습니다.
 
-**클러스터 환경**
+<DoNotTranslate>
+  **Cluster environments**
+</DoNotTranslate>
 
 클러스터 환경에서 통합은 하나의 노드에 연결된 하나의 통합 인스턴스만 있는 모든 클러스터에서 메트릭을 수집합니다. 이 인스턴스는 `METRICS=true` 및 `INVENTORY=true`사용해야 합니다. 나머지 노드의 경우 인벤토리만 `METRICS=false` 및 `INVENTORY=true`를 사용하여 수집해야 합니다. 이에 대한 자세한 내용은 [인스턴스 설정을](#instance-settings)참조하십시오.
 
@@ -184,7 +197,7 @@ discovery:
 
 ### RabbitMQ 인스턴스 설정 [#instance-settings]
 
-RabbitMQ 통합은 Metrics( <strong>M</strong> ) 및 Inventory( <strong>I</strong> ) 정보를 모두 수집합니다. 아래의 **적용** 대상 열을 확인하여 각 특정 컬렉션에 사용할 수 있는 설정을 찾으십시오.
+RabbitMQ 통합은 지표(<strong>M</strong>) 및 인벤토리(<strong>I</strong>) 정보를 모두 수집합니다. 각 특정 컬렉션에 사용할 수 있는 설정을 알아보려면 아래의 <DoNotTranslate>**Applies To**</DoNotTranslate> 열을 확인하세요.
 
 ' ' ' ' ' ' ' ' ' ' ' ' ' ' ' ' ' ' ' ' ' ' ' ' ' ' ' ' ' ' ' ' ' ' ' ' ' '
 
@@ -212,7 +225,9 @@ RabbitMQ 통합은 Metrics( <strong>M</strong> ) 및 Inventory( <strong>I</stron
   <tbody>
     <tr>
       <td>
-        **호스트 이름**
+        <DoNotTranslate>
+          **HOSTNAME**
+        </DoNotTranslate>
       </td>
 
       <td>
@@ -230,7 +245,9 @@ RabbitMQ 통합은 Metrics( <strong>M</strong> ) 및 Inventory( <strong>I</stron
 
     <tr>
       <td>
-        **포트**
+        <DoNotTranslate>
+          **PORT**
+        </DoNotTranslate>
       </td>
 
       <td>
@@ -248,7 +265,9 @@ RabbitMQ 통합은 Metrics( <strong>M</strong> ) 및 Inventory( <strong>I</stron
 
     <tr>
       <td>
-        **사용자 이름**
+        <DoNotTranslate>
+          **USERNAME**
+        </DoNotTranslate>
       </td>
 
       <td>
@@ -266,7 +285,9 @@ RabbitMQ 통합은 Metrics( <strong>M</strong> ) 및 Inventory( <strong>I</stron
 
     <tr>
       <td>
-        **비밀번호**
+        <DoNotTranslate>
+          **PASSWORD**
+        </DoNotTranslate>
       </td>
 
       <td>
@@ -284,7 +305,9 @@ RabbitMQ 통합은 Metrics( <strong>M</strong> ) 및 Inventory( <strong>I</stron
 
     <tr>
       <td>
-        **시간 초과**
+        <DoNotTranslate>
+          **TIMEOUT**
+        </DoNotTranslate>
       </td>
 
       <td>
@@ -302,7 +325,9 @@ RabbitMQ 통합은 Metrics( <strong>M</strong> ) 및 Inventory( <strong>I</stron
 
     <tr>
       <td>
-        **MANAGEMENT_PATH_PREFIX**
+        <DoNotTranslate>
+          **MANAGEMENT_PATH_PREFIX**
+        </DoNotTranslate>
       </td>
 
       <td>
@@ -320,7 +345,9 @@ RabbitMQ 통합은 Metrics( <strong>M</strong> ) 및 Inventory( <strong>I</stron
 
     <tr>
       <td>
-        **USE_SSL**
+        <DoNotTranslate>
+          **USE_SSL**
+        </DoNotTranslate>
       </td>
 
       <td>
@@ -338,7 +365,9 @@ RabbitMQ 통합은 Metrics( <strong>M</strong> ) 및 Inventory( <strong>I</stron
 
     <tr>
       <td>
-        **CA_BUNDLE_DIR**
+        <DoNotTranslate>
+          **CA_BUNDLE_DIR**
+        </DoNotTranslate>
       </td>
 
       <td>
@@ -356,7 +385,9 @@ RabbitMQ 통합은 Metrics( <strong>M</strong> ) 및 Inventory( <strong>I</stron
 
     <tr>
       <td>
-        **CA_BUNDLE_FILE**
+        <DoNotTranslate>
+          **CA_BUNDLE_FILE**
+        </DoNotTranslate>
       </td>
 
       <td>
@@ -374,7 +405,9 @@ RabbitMQ 통합은 Metrics( <strong>M</strong> ) 및 Inventory( <strong>I</stron
 
     <tr>
       <td>
-        **NODE_NAME_OVERRIDE**
+        <DoNotTranslate>
+          **NODE_NAME_OVERRIDE**
+        </DoNotTranslate>
       </td>
 
       <td>
@@ -392,7 +425,9 @@ RabbitMQ 통합은 Metrics( <strong>M</strong> ) 및 Inventory( <strong>I</stron
 
     <tr>
       <td>
-        **CONFIG_PATH**
+        <DoNotTranslate>
+          **CONFIG_PATH**
+        </DoNotTranslate>
       </td>
 
       <td>
@@ -410,7 +445,9 @@ RabbitMQ 통합은 Metrics( <strong>M</strong> ) 및 Inventory( <strong>I</stron
 
     <tr>
       <td>
-        **대기열**
+        <DoNotTranslate>
+          **QUEUES**
+        </DoNotTranslate>
       </td>
 
       <td>
@@ -434,7 +471,9 @@ RabbitMQ 통합은 Metrics( <strong>M</strong> ) 및 Inventory( <strong>I</stron
 
     <tr>
       <td>
-        **QUEUES_REGEXES**
+        <DoNotTranslate>
+          **QUEUES_REGEXES**
+        </DoNotTranslate>
       </td>
 
       <td>
@@ -458,7 +497,9 @@ RabbitMQ 통합은 Metrics( <strong>M</strong> ) 및 Inventory( <strong>I</stron
 
     <tr>
       <td>
-        **교환**
+        <DoNotTranslate>
+          **EXCHANGES**
+        </DoNotTranslate>
       </td>
 
       <td>
@@ -476,7 +517,9 @@ RabbitMQ 통합은 Metrics( <strong>M</strong> ) 및 Inventory( <strong>I</stron
 
     <tr>
       <td>
-        **EXCHANGES_REGEXES**
+        <DoNotTranslate>
+          **EXCHANGES_REGEXES**
+        </DoNotTranslate>
       </td>
 
       <td>
@@ -494,7 +537,9 @@ RabbitMQ 통합은 Metrics( <strong>M</strong> ) 및 Inventory( <strong>I</stron
 
     <tr>
       <td>
-        **가상 호스트**
+        <DoNotTranslate>
+          **VHOSTS**
+        </DoNotTranslate>
       </td>
 
       <td>
@@ -512,7 +557,9 @@ RabbitMQ 통합은 Metrics( <strong>M</strong> ) 및 Inventory( <strong>I</stron
 
     <tr>
       <td>
-        **VHOSTS_REGEXES**
+        <DoNotTranslate>
+          **VHOSTS_REGEXES**
+        </DoNotTranslate>
       </td>
 
       <td>
@@ -530,7 +577,9 @@ RabbitMQ 통합은 Metrics( <strong>M</strong> ) 및 Inventory( <strong>I</stron
 
     <tr>
       <td>
-        **측정항목**
+        <DoNotTranslate>
+          **METRICS**
+        </DoNotTranslate>
       </td>
 
       <td>
@@ -546,7 +595,9 @@ RabbitMQ 통합은 Metrics( <strong>M</strong> ) 및 Inventory( <strong>I</stron
 
     <tr>
       <td>
-        **목록**
+        <DoNotTranslate>
+          **INVENTORY**
+        </DoNotTranslate>
       </td>
 
       <td>
@@ -562,7 +613,9 @@ RabbitMQ 통합은 Metrics( <strong>M</strong> ) 및 Inventory( <strong>I</stron
 
     <tr>
       <td>
-        **이벤트**
+        <DoNotTranslate>
+          **EVENTS**
+        </DoNotTranslate>
       </td>
 
       <td>
@@ -578,7 +631,9 @@ RabbitMQ 통합은 Metrics( <strong>M</strong> ) 및 Inventory( <strong>I</stron
 
     <tr>
       <td>
-        **DISABLE_ENTITIES**
+        <DoNotTranslate>
+          **DISABLE_ENTITIES**
+        </DoNotTranslate>
       </td>
 
       <td>
@@ -594,7 +649,9 @@ RabbitMQ 통합은 Metrics( <strong>M</strong> ) 및 Inventory( <strong>I</stron
 
     <tr>
       <td>
-        **QUEUES_MAX_LIMIT**
+        <DoNotTranslate>
+          **QUEUES_MAX_LIMIT**
+        </DoNotTranslate>
       </td>
 
       <td>
@@ -618,7 +675,7 @@ RabbitMQ 통합은 Metrics( <strong>M</strong> ) 및 Inventory( <strong>I</stron
 
 ### 라벨/맞춤 속성 [#labels]
 
-환경 변수를 사용하여 다음과 같은 구성 설정을 제어할 수 있습니다. <InlinePopover type="licenseKey"/>, 그런 다음 인프라 에이전트로 전달됩니다. 이 기능을 사용하는 방법에 대한 지시사항은 [인프라 에이전트 구성을](/docs/infrastructure/new-relic-infrastructure/configuration/configure-infrastructure-agent#passthrough) 참조하십시오. 레이블을 사용하여 메트릭을 추가로 꾸밀 수 있습니다. 레이블을 사용하면 메트릭에 키/값 쌍 특성을 추가한 다음 메트릭을 쿼리, 필터링 또는 그룹화하는 데 사용할 수 있습니다.<br/> 기본 샘플 구성 파일에는 레이블의 예가 포함되어 있지만 필수가 아니므로 선택한 새 레이블을 제거, 수정 또는 추가할 수 있습니다.
+환경 변수는 <InlinePopover type="licenseKey"/>등의 구성 설정을 제어하는 데 사용될 수 있으며, 그런 다음 인프라 에이전트를 통해 전달됩니다. 이 기능을 사용하는 방법에 대한 지침은 [인프라 에이전트 구성을](/docs/infrastructure/new-relic-infrastructure/configuration/configure-infrastructure-agent#passthrough) 참조하세요. 라벨을 사용하여 지표를 더욱 장식할 수 있습니다. 레이블을 사용하면 지표에 핵심 가치 쌍 속성을 추가할 수 있으며, 이를 지표를 쿼리, 필터링 또는 그룹화하는 데 사용할 수 있습니다.<br/> 기본 샘플 구성 파일에는 라벨의 예가 포함되어 있지만 필수는 아니므로 원하는 라벨을 제거, 수정 또는 추가할 수 있습니다.
 
 ```
  labels:
@@ -1385,10 +1442,10 @@ RabbitMQ 통합은 다음 메트릭 데이터 속성을 수집합니다. 각 메
 
 ## 인벤토리 데이터 [#inventory]
 
-통합은 `/etc/rabbitmq/rabbitmq.conf` 파일에서 RabbitMQ의 구성 매개변수를 캡처합니다. 인벤토리 데이터는 [RabbitMQ 버전 3.7](http://www.rabbitmq.com/blog/2018/02/05/whats-new-in-rabbitmq-3-7/) 이상에서만 캡처됩니다. [인벤토리 데이터는](/docs/infrastructure/integrations-getting-started/getting-started/understand-integration-data-data-types#inventory-data) `config/rabbitmq` 소스 아래 인프라 UI의 [**Inventory** \[인벤토리\] 페이지](/docs/infrastructure/new-relic-infrastructure/infrastructure-ui-pages/infrastructure-inventory-page-search-your-entire-infrastructure) 에 표시됩니다.
+통합은 `/etc/rabbitmq/rabbitmq.conf` 파일에 RabbitMQ의 설정 시위를 캡처합니다. [분석 데이터는 RabbitMQ 버전 3.7 이상에서만](http://www.rabbitmq.com/blog/2018/02/05/whats-new-in-rabbitmq-3-7/) 캡처됩니다. 데이터 [](/docs/infrastructure/integrations-getting-started/getting-started/understand-integration-data-data-types#inventory-data)분석은 [<DoNotTranslate>**Inventory**</DoNotTranslate> ](/docs/infrastructure/new-relic-infrastructure/infrastructure-ui-pages/infrastructure-inventory-page-search-your-entire-infrastructure)뷰 UI 의 페이지 , 소스 아래에 `config/rabbitmq` 표시됩니다.
 
 <Callout variant="caution">
-  `rabbit.conf` 파일에 넣은 모든 민감한 정보는 인프라 UI의 **Inventory** \[인벤토리] 페이지에 나타납니다. 여기에는 다음과 같은 AWS의 항목이 포함됩니다.
+  `rabbit.conf` 파일에 입력한 민감한 정보는 인프라 UI의 <DoNotTranslate>**Inventory**</DoNotTranslate> 페이지에 표시됩니다. 여기에는 AWS의 다음과 같은 항목이 포함됩니다.
 
   ```
   cluster_formation.aws.secret_key,
diff --git a/src/i18n/content/kr/docs/infrastructure/host-integrations/host-integrations-list/vmware-vsphere-monitoring-integration.mdx b/src/i18n/content/kr/docs/infrastructure/host-integrations/host-integrations-list/vmware-vsphere-monitoring-integration.mdx
index eaedca9336a..9571a996ad8 100644
--- a/src/i18n/content/kr/docs/infrastructure/host-integrations/host-integrations-list/vmware-vsphere-monitoring-integration.mdx
+++ b/src/i18n/content/kr/docs/infrastructure/host-integrations/host-integrations-list/vmware-vsphere-monitoring-integration.mdx
@@ -143,7 +143,7 @@ vSphere 통합을 통해 다음을 수행할 수 있습니다.
 
 vSphere 통합을 구성하려면 vSphere API 끝점의 URL과 vSphere 사용자 이름 및 암호를 정의해야 합니다. 구성 예는 [샘플 구성 파일](#example-config) 을 참조하십시오. 일부 vSphere 통합 기능은 선택 사항이며 구성 설정을 통해 활성화할 수 있습니다.
 
-또한 [비밀 관리](/docs/integrations/host-integrations/installation/secrets-management) 를 사용하면 통합 구성 파일에 일반 텍스트로 쓰지 않고도 민감한 데이터(예: 비밀번호)를 사용하도록 New Relic의 인프라 모니터링 에이전트와의 호스트 내 통합을 구성할 수 있습니다.
+또한 [비밀 관리를](/docs/integrations/host-integrations/installation/secrets-management) 사용하면 통합 설정 파일에 일반 텍스트로 쓸 필요 없이 민감한 데이터(예: 비밀번호)를 사용하도록 뉴렐릭의 통합 에이전트로 온호스트 통합을 구성할 수 있습니다.
 
 <CollapserGroup>
   <Collapser
diff --git a/src/i18n/content/kr/docs/infrastructure/host-integrations/host-integrations-list/windows-services-integration.mdx b/src/i18n/content/kr/docs/infrastructure/host-integrations/host-integrations-list/windows-services-integration.mdx
index ef28644c72c..11c674e67e6 100644
--- a/src/i18n/content/kr/docs/infrastructure/host-integrations/host-integrations-list/windows-services-integration.mdx
+++ b/src/i18n/content/kr/docs/infrastructure/host-integrations/host-integrations-list/windows-services-integration.mdx
@@ -41,7 +41,7 @@ Windows 서비스 통합을 통해 다음을 수행할 수 있습니다.
 
 우리의 통합은 뉴렐릭 인프라 에이전트가 [지원하는 모든 Windows 버전](/docs/infrastructure/install-infrastructure-agent/get-started/requirements-infrastructure-agent) 과 호환됩니다.
 
-지원되는 호스트에 설치된 [인프라 모니터링 에이전트](/docs/infrastructure/install-infrastructure-agent/windows-installation/install-infrastructure-monitoring-agent-windows) 에 대해 <DoNotTranslate>**version 1.12.1 or higher**</DoNotTranslate> 가 있어야 합니다. x86 Windows 버전은 아직 지원되지 않습니다.
+지원되는 호스트에 설치된 [인프라 에이전트](/docs/infrastructure/install-infrastructure-agent/windows-installation/install-infrastructure-monitoring-agent-windows) 에 대해 <DoNotTranslate>**version 1.12.1 or higher**</DoNotTranslate> 가 있어야 합니다. x86 Windows 버전은 아직 지원되지 않습니다.
 
 <Steps>
   <Step>
diff --git a/src/i18n/content/kr/docs/infrastructure/host-integrations/infrastructure-integrations-sdk/specifications/host-integration-executable-file-json-specifications.mdx b/src/i18n/content/kr/docs/infrastructure/host-integrations/infrastructure-integrations-sdk/specifications/host-integration-executable-file-json-specifications.mdx
index bbcc87de4d0..e4b1e891ddc 100644
--- a/src/i18n/content/kr/docs/infrastructure/host-integrations/infrastructure-integrations-sdk/specifications/host-integration-executable-file-json-specifications.mdx
+++ b/src/i18n/content/kr/docs/infrastructure/host-integrations/infrastructure-integrations-sdk/specifications/host-integration-executable-file-json-specifications.mdx
@@ -11,7 +11,7 @@ translationType: machine
 
 import infrastructureSdkDataStructure from 'images/infrastructure_diagram_sdk-data-structure.webp'
 
-New Relic [인프라 에이전트 온호스트 통합은](/docs/infrastructure/host-integrations/installation/install-infrastructure-host-integrations) 최소 두 개의 파일(실행 파일 및 최소 하나의 구성 파일)로 구성됩니다. 실행 파일은 인프라 모니터링 에이전트에서 소비되고 New Relic으로 전송되는 JSON 데이터를 생성합니다. JSON 개체를 SDK 통합 프로토콜이라고 합니다.
+뉴렐릭 [피규어 에이전트 온-호스트 통합](/docs/infrastructure/host-integrations/installation/install-infrastructure-host-integrations) 은 실행 파일과 하나 이상의 설정 파일 등 두 개 이상의 파일로 구성됩니다. 실행 파일은 에이전트 에이전트가 사용하고 뉴렐릭으로 전송되는 JSON 데이터를 생성합니다. 우리는 JSON 객체를 SDK 통합 프로토콜이라고 부릅니다.
 
 ## 실행 파일 요구 사항 [#what-is]
 
@@ -23,19 +23,23 @@ New Relic [인프라 에이전트 온호스트 통합은](/docs/infrastructure/h
 
 실행 파일의 유일한 요구 사항은 이 문서의 [사양](#general-specs) 을 충족하는 JSON 데이터를 한 줄 형식으로 내보내는 것입니다.
 
-**권장 사항:** Go를 사용하여 통합을 생성하십시오. 호스트 통합 및 [통합 구축 도구](/docs/integrations/integrations-sdk/getting-started/integrations-tutorials-build-resources) 를 만드는 데 사용하는 언어입니다. 그러나 모든 언어로 통합을 생성할 수 있습니다.
+<DoNotTranslate>**Recommendation:**</DoNotTranslate> Go를 사용하여 통합을 생성하세요. 우리가 온호스트 통합과 [통합 구축 도구를](/docs/integrations/integrations-sdk/getting-started/integrations-tutorials-build-resources) 만드는 데 사용하는 언어입니다. 그러나 어떤 언어로든 통합을 생성할 수 있습니다.
 
 ## 파일 배치
 
 실행 파일은 다음 디렉토리에 있습니다.
 
-* **리눅스:**
+* <DoNotTranslate>
+    **Linux:**
+  </DoNotTranslate>
 
   ```
   /var/db/newrelic-infra/custom-integrations
   ```
 
-* **Windows:**
+* <DoNotTranslate>
+    **Windows:**
+  </DoNotTranslate>
 
   ```
   C:\Program Files\New Relic\newrelic-infra\newrelic-integrations
@@ -191,7 +195,7 @@ JSON에는 다음이 포함됩니다.
   >
     데이터는 JSON 형식으로 `stdout` (표준 출력)으로 내보내집니다. 에이전트는 `stdout` 및 `stderr` 파일 설명자를 줄 단위 버퍼로 처리합니다.
 
-    출력에 "예쁜 인쇄" JSON이 아닌 표준 JSON을 사용합니다. **권장 사항:** 디버깅 목적으로 JSON을 "예쁜 인쇄"로 만들려면 선택적 명령줄 스위치(예: `--pretty` )를 포함합니다.
+    출력에는 "예쁘게 인쇄된" JSON이 아닌 표준 JSON을 사용합니다. <DoNotTranslate>**Recommendation:**</DoNotTranslate> 선택적 명령줄 스위치(예: `--pretty`)를 포함하여 디버깅 목적으로 JSON을 '보기 좋게 인쇄'할 수 있습니다.
   </Collapser>
 
   <Collapser
@@ -209,9 +213,9 @@ JSON에는 다음이 포함됩니다.
   >
     종료 코드는 `0` 상태 코드와 함께 종료되어야 하며 플랫폼별 규칙을 따라야 합니다. 예를 들어:
 
-    * **리눅스:** `0 == EX_OK`
+    * <DoNotTranslate>**Linux:**</DoNotTranslate> `0 == EX_OK`
 
-    * **Windows:** `0 == ERROR_SUCCESS`
+    * <DoNotTranslate>**Windows:**</DoNotTranslate> `0 == ERROR_SUCCESS`
 
       실행 파일이 0이 아닌 상태로 종료되면 에이전트는 `stdout` 의 모든 데이터를 삭제하고 통합 이름, 종료 코드 및 수집할 수 있는 진단 정보가 포함된 메시지를 로그 파일에 씁니다.
   </Collapser>
@@ -228,7 +232,7 @@ JSON에는 다음이 포함됩니다.
 "data": [ <a href="#entity-json">{entities}</a>...]
 ```
 
-최소 페이로드는 헤더 필드만 있는 JSON 객체입니다. **권장 사항:** 수집할 데이터가 없으면 프로그램 반환 코드를 사용하고 `stderr` 에 기록된 메시지를 기록합니다.
+최소 페이로드는 헤더 필드만 있는 JSON 객체입니다. <DoNotTranslate>**Recommendation:**</DoNotTranslate> 수집할 데이터가 없으면 프로그램 반환 코드와 `stderr` 에 기록된 로그 메시지를 사용합니다.
 
 <table>
   <thead>
@@ -252,7 +256,7 @@ JSON에는 다음이 포함됩니다.
       <td>
         필수의. 구성 파일의 `name` 필드와 동일해야 합니다.
 
-        **권장 사항:** 역 도메인 이름을 사용하여 고유한 통합 이름을 생성하십시오.
+        <DoNotTranslate>**Recommendation:**</DoNotTranslate> 고유한 통합 이름을 생성하려면 역방향 도메인 이름을 사용하세요.
       </td>
     </tr>
 
@@ -392,7 +396,7 @@ JSON에는 다음이 포함됩니다.
       <td>
         필수의. 엔티티의 식별자/이름.
 
-        **권장 사항:** 역 도메인 이름을 사용하여 고유한 통합 이름을 생성하십시오.
+        <DoNotTranslate>**Recommendation:**</DoNotTranslate> 고유한 통합 이름을 생성하려면 역방향 도메인 이름을 사용하세요.
       </td>
     </tr>
 
@@ -402,7 +406,7 @@ JSON에는 다음이 포함됩니다.
       </td>
 
       <td>
-        필수의. 엔터티의 종류입니다. `name` 와 함께 **고유 식별자를** 구성하기 위해 인프라 에이전트에서 네임스페이스로 사용됩니다.
+        필수의. 엔터티의 종류입니다. 인프라 에이전트는 `name` 과 함께 <DoNotTranslate>**unique identifier**</DoNotTranslate> 을 구성하기 위한 네임스페이스로 사용됩니다.
       </td>
     </tr>
 
@@ -518,7 +522,7 @@ JSON에는 다음이 포함됩니다.
             <td>
               필수의. `event_type` 은 측정항목이 저장될 위치를 정의합니다. 각 메트릭 세트는 지정된 이벤트 유형 내에 샘플로 저장됩니다. 각 통합은 자체 이벤트 유형에 데이터를 저장해야 합니다. 동일한 통합에서 여러 유형의 샘플을 생성하는 경우 각각에 대해 다른 이벤트 유형을 사용하십시오.
 
-              **권장 사항:** 통합에서 사용하는 이벤트 유형이 고유한지 확인하려면 이벤트 유형에 회사 이름 또는 약어를 접두어로 붙이십시오. 예를 들어 사용자 지정 통합이 Cassandra 노드 측정항목과 Cassandra column family 측정항목을 다른 샘플로 캡처하는 경우 `MyOrgCassandraSample` 및 `MyOrgCassandraColumnFamilySample` 과 같은 다른 이벤트 유형에 저장합니다.
+              <DoNotTranslate>**Recommendation:**</DoNotTranslate> 통합에 사용되는 이벤트 유형이 고유한지 확인하려면 이벤트 유형 앞에 회사 이름이나 약어를 붙이십시오. 예를 들어 사용자 정의 통합이 Cassandra 노드 지표와 Cassandra 열 계열 지표를 서로 다른 샘플로 캡처하는 경우 이를 `MyOrgCassandraSample` 및 `MyOrgCassandraColumnFamilySample` 등의 서로 다른 이벤트 유형에 저장합니다.
 
               이벤트 유형이 존재하지 않는 경우 New Relic이 통합에서 데이터를 수신하고 UI에서 사용할 수 있게 하면 이벤트 유형이 자동으로 생성됩니다.
             </td>
@@ -532,7 +536,7 @@ JSON에는 다음이 포함됩니다.
             <td>
               필수(최소 하나). 이름(키)과 해당 값을 포함하는 메트릭 측정입니다. 일반적으로 인프라 기능과의 최대 호환성을 위해 엔터티 유형의 사양을 준수하는지 확인하십시오.
 
-              **권장 사항:** New Relic UI에서 메트릭을 탐색할 때 도움이 되도록 메트릭에 범주를 접두사로 붙입니다. New Relic 통합은 현재 다음을 사용합니다.
+              <DoNotTranslate>**Recommendation:**</DoNotTranslate> 뉴렐릭 UI 에서 지표를 탐색할 때 도움이 되도록 카테고리 앞에 지표를 붙이세요. 뉴렐릭 통합은 현재 다음을 사용하고 있습니다:
 
               * `net`: 연결 수, 웹 서버 요청 수, 네트워크를 통해 전송된 바이트 수 등 예: `net.connectionsActive` .
 
@@ -558,12 +562,23 @@ JSON에는 다음이 포함됩니다.
             </td>
 
             <td>
-              **권장 사항:** 다음 예와 같이 원래 메트릭 이름에 아직 포함되지 않은 경우 단위 접미사를 사용하여 측정 단위를 지정합니다.
+              <DoNotTranslate>**Recommendation:**</DoNotTranslate> 다음 예와 같이 원래 지수 이름에 측정 단위가 아직 포함되어 있지 않은 경우 단위 접미사를 사용하여 측정 단위를 지정합니다.
 
               * 백분율: `Percent` 사용 ; 예: `cpuUtilPercent` .
+
               * 요금: `PerSecond` 과 같은 형식을 사용합니다. 초는 표준 속도 측정이지만 `PerMinute` 또는 `PerDay` 와 같은 다른 단위를 사용할 수도 있습니다.
-              * 바이트 측정: `Bytes` 을 사용합니다. **권장 사항:** 측정항목이 `Megabytes` 과 같은 다른 단위로 캡처된 경우 이를 `Bytes` 로 변환합니다. 예: `db.allMemtablesOffHeapSizeBytes` .
-              * 시간 측정: `Milliseconds` 을 사용합니다. **권장 사항:** 측정항목이 `Seconds` 과 같은 다른 단위로 캡처된 경우 이를 `Milliseconds` 로 변환합니다. 예를 들어: `query.readLatency50thPercentileMilliseconds`
+
+              * 바이트 측정: `Bytes`) 사용하세요.
+
+                <DoNotTranslate>**Recommendation:**</DoNotTranslate>
+
+                지수가 `Megabytes` 와 같은 다른 단위로 캡처된 경우 이를 `Bytes` 으로 변환합니다. 예: `db.allMemtablesOffHeapSizeBytes`.
+
+              * 시간 측정: `Milliseconds`) 사용하세요.
+
+                <DoNotTranslate>**Recommendation:**</DoNotTranslate>
+
+                지수가 `Seconds` 와 같은 다른 단위로 캡처된 경우 이를 `Milliseconds` 으로 변환합니다. 예를 들어: `query.readLatency50thPercentileMilliseconds`
             </td>
           </tr>
 
@@ -591,7 +606,7 @@ JSON에는 다음이 포함됩니다.
 
     * 새 테이블 만들기
 
-      [인프라 **이벤트** 페이지](/docs/infrastructure/new-relic-infrastructure/infrastructure-ui-pages/infrastructure-events-page-live-feed-every-config-change) 및 [인프라 이벤트 히트맵](/docs/infrastructure/new-relic-infrastructure/infrastructure-ui-pages/events-heatmap-examine-patterns-time-range) 에서 이 데이터를 볼 수 있습니다. New Relic에서 `InfrastructureEvent` 이벤트 유형을 쿼리할 수도 있습니다.
+      [인프라 <DoNotTranslate>**Events**</DoNotTranslate> 페이지](/docs/infrastructure/new-relic-infrastructure/infrastructure-ui-pages/infrastructure-events-page-live-feed-every-config-change) 및 [인프라 이벤트 히트맵](/docs/infrastructure/new-relic-infrastructure/infrastructure-ui-pages/events-heatmap-examine-patterns-time-range) 에서 이 데이터를 볼 수 있습니다. 뉴렐릭에서 `InfrastructureEvent` 이벤트 유형을 쿼리할 수도 있습니다.
 
       다음은 [헤더 JSON](#exec-header) 및 필드 정의 다음에 오는 통합 이벤트 데이터 JSON 페이로드의 예입니다.
 
@@ -666,7 +681,7 @@ JSON에는 다음이 포함됩니다.
 
     * 기타 시스템 메타데이터
 
-      [**인벤토리** 페이지](/docs/infrastructure/new-relic-infrastructure/infrastructure-ui-pages/infrastructure-inventory-page-search-your-entire-infrastructure) 및 [인프라 이벤트 히트맵](/docs/infrastructure/new-relic-infrastructure/infrastructure-ui-pages/events-heatmap-examine-patterns-time-range) 에서 이 데이터를 볼 수 있습니다. 인벤토리 변경과 관련된 데이터를 쿼리할 수도 있습니다.
+      [<DoNotTranslate>**Inventory**</DoNotTranslate> 페이지](/docs/infrastructure/new-relic-infrastructure/infrastructure-ui-pages/infrastructure-inventory-page-search-your-entire-infrastructure) 및 [인프라 이벤트 히트맵](/docs/infrastructure/new-relic-infrastructure/infrastructure-ui-pages/events-heatmap-examine-patterns-time-range) 에서 이 데이터를 볼 수 있습니다. 재고 변경과 관련된 데이터를 쿼리할 수도 있습니다.
 
       `inventory` 데이터 유형은 다음을 포함하는 하나 이상의 JSON 하위 객체의 해시입니다.
 
@@ -676,7 +691,7 @@ JSON에는 다음이 포함됩니다.
 
     * 키는 문자열이어야 합니다.
 
-    * 값은 스칼라 유형(문자열 또는 숫자) **이거나** 키/값의 다른 해시 개체일 수 있습니다. New Relic은 계층 구조를 지원하지만 최종 값 노드는 스칼라여야 합니다.
+    * 값은 스칼라 유형(문자열 또는 숫자) <DoNotTranslate>**or**</DoNotTranslate> 핵심 가치의 또 다른 객체일 수 있습니다. 뉴렐릭은 계층 구조를 지원하지만 최종 값 노드는 스칼라여야 합니다.
 
       다음은 통합 인벤토리 데이터 JSON의 예입니다.
 
diff --git a/src/i18n/content/kr/docs/infrastructure/host-integrations/installation/secrets-management.mdx b/src/i18n/content/kr/docs/infrastructure/host-integrations/installation/secrets-management.mdx
index 27aecda19f5..db24d747114 100644
--- a/src/i18n/content/kr/docs/infrastructure/host-integrations/installation/secrets-management.mdx
+++ b/src/i18n/content/kr/docs/infrastructure/host-integrations/installation/secrets-management.mdx
@@ -619,6 +619,12 @@ variables:
    PASSWORD: ${credentials.password}
 ```
 
+참고: Microsoft SQL Server의 경우 Windows 인증 사용자 로그인을 사용하는 경우 도메인 앞에 `USERNAME` 붙여야 합니다. 예를 들어:
+
+```
+   USERNAME: <domain>\${credentials.user}
+```
+
 ## New Relic CLI 난독화 [#newrelic-cli-obfuscation]
 
 <Callout variant="important">
diff --git a/src/i18n/content/kr/docs/infrastructure/install-infrastructure-agent/config-management-tools/configure-infrastructure-agent-using-ansible.mdx b/src/i18n/content/kr/docs/infrastructure/install-infrastructure-agent/config-management-tools/configure-infrastructure-agent-using-ansible.mdx
index dc0e7945beb..6fe2061c7df 100644
--- a/src/i18n/content/kr/docs/infrastructure/install-infrastructure-agent/config-management-tools/configure-infrastructure-agent-using-ansible.mdx
+++ b/src/i18n/content/kr/docs/infrastructure/install-infrastructure-agent/config-management-tools/configure-infrastructure-agent-using-ansible.mdx
@@ -4,7 +4,7 @@ tags:
   - Infrastructure
   - Install the infrastructure agent
   - Config management tools
-metaDescription: How to install and configure New Relic's infrastructure monitoring agent using the Ansible configuration management system.
+metaDescription: How to install and configure New Relic's infrastructure agent using the Ansible configuration management system.
 freshnessValidatedDate: never
 translationType: machine
 ---
@@ -19,13 +19,13 @@ Ansible을 사용하여 인프라 에이전트를 구성하고 싶으십니까?
 
 ## 샘플 코드 [#role-description]
 
-New Relic은 구성 관리 샘플 코드를 제공하여 많은 Ops 팀에서 공통적으로 사용하는 워크플로 및 도구를 사용하여 인프라 모니터링 에이전트를 설치하는 데 도움을 줍니다. 이것은 기본 Ansible 역할이며 사용자 정의된 워크플로를 만들기 위한 시작점으로 사용하기 위한 것입니다.
+뉴렐릭은 많은 Ops 팀에서 공통적으로 사용하는 도구와 군인 에이전트를 설치하는 데 도움이 되는 설정 관리 샘플 코드를 제공합니다. 이는 기본 Ansible 역할이며 사용자 정의된 워크플로우를 생성하기 위한 시작점으로 사용하기 위한 것입니다.
 
 구성은 특정 설정 및 표준에 따라 다릅니다. Ansible 샘플 역할 및 추가 통합 정보를 보려면 [Ansible Galaxy 문서를](https://galaxy.ansible.com/newrelic/newrelic_install)참조하십시오.
 
 ## 호환성 및 요구 사항 [#role-compatibility]
 
-New Relic의 인프라 모니터링 에이전트가 포함된 Ansible 역할에는 [지원되는 운영 체제가](/docs/infrastructure/new-relic-infrastructure/getting-started/compatibility-requirements-new-relic-infrastructure#operating-systems)필요합니다.
+뉴렐릭의 에이전트 에이전트를 사용하는 Ansible 역할에는 [지원되는 운영 시스템이](/docs/infrastructure/new-relic-infrastructure/getting-started/compatibility-requirements-new-relic-infrastructure#operating-systems) 필요합니다.
 
 Windows OS용 Ansible에 대한 도움이 필요한 [경우 Ansible 설명서](https://docs.ansible.com/ansible/latest/)사이트에서 [Windows 호스트 설정을 살펴보십시오.](https://docs.ansible.com/ansible/latest/os_guide/windows_setup.html)
 
diff --git a/src/i18n/content/kr/docs/infrastructure/install-infrastructure-agent/get-started/requirements-infrastructure-agent.mdx b/src/i18n/content/kr/docs/infrastructure/install-infrastructure-agent/get-started/requirements-infrastructure-agent.mdx
index 6379284e6df..99445282b95 100644
--- a/src/i18n/content/kr/docs/infrastructure/install-infrastructure-agent/get-started/requirements-infrastructure-agent.mdx
+++ b/src/i18n/content/kr/docs/infrastructure/install-infrastructure-agent/get-started/requirements-infrastructure-agent.mdx
@@ -183,7 +183,7 @@ import osPuppet from 'images/os_icon_puppet.webp'
       </td>
 
       <td>
-        [LTS](https://wiki.ubuntu.com/LTS) 버전 16.04.x,18.04.x,20.04.x, 22.04.x중간 릴리스 20.10, 21.04.
+        [LTS](https://wiki.ubuntu.com/LTS) 버전 16.04.x, 18.04.x, 20.04.x, 22.04.x, 24.04.x 임시 릴리스 20.10, 21.04.
       </td>
     </tr>
 
diff --git a/src/i18n/content/kr/docs/infrastructure/install-infrastructure-agent/linux-installation/container-infrastructure-monitoring.mdx b/src/i18n/content/kr/docs/infrastructure/install-infrastructure-agent/linux-installation/container-infrastructure-monitoring.mdx
index 8effcdb5799..b1940af463a 100644
--- a/src/i18n/content/kr/docs/infrastructure/install-infrastructure-agent/linux-installation/container-infrastructure-monitoring.mdx
+++ b/src/i18n/content/kr/docs/infrastructure/install-infrastructure-agent/linux-installation/container-infrastructure-monitoring.mdx
@@ -1,5 +1,5 @@
 ---
-title: 인프라 모니터링을 위한 컨테이너
+title: 에이전트를 컨테이너로 설치
 tags:
   - Infrastructure
   - Install the infrastructure agent
@@ -9,11 +9,11 @@ freshnessValidatedDate: never
 translationType: machine
 ---
 
-Linux용 인프라 모니터링 에이전트는 기본적으로 [컨테이너 환경을 지원합니다](/docs/infrastructure/install-infrastructure-agent/linux-installation/docker-instrumentation-infrastructure) . 컨테이너 OS를 실행 중이거나 에이전트를 컨테이너로 배포해야 하는 제한 사항이 있는 경우 인프라 모니터링 에이전트의 컨테이너화된 버전을 실행할 수 있습니다. 이를 통해 컨테이너 자체와 기본 호스트에 대한 메트릭을 모니터링할 수 있습니다.
+Linux용 인프라 에이전트는 기본적으로 [컨테이너 환경을 지원합니다](/docs/infrastructure/install-infrastructure-agent/linux-installation/docker-instrumentation-infrastructure) . 컨테이너 OS를 실행 중이거나 에이전트를 컨테이너로 배포, 배포해야 하는 제한 사항이 있는 경우 컨테이너화된 버전의 배포 에이전트를 실행할 수 있습니다. 이는 기본 호스트뿐만 아니라 컨테이너 자체에 대한 모니터 지표일 수 있습니다.
 
 [사용자 지정(권장)](#custom-setup) 또는 [기본 설정](#simple-setup) 을 사용하면 인프라 에이전트를 컨테이너 환경 내에서 실행할 수 있습니다. 컨테이너화된 에이전트이든 컨테이너화되지 않은 버전이든 호스트는 한 번에 하나의 에이전트 인스턴스만 실행할 수 있습니다.
 
-Linux용 인프라 모니터링 에이전트를 사용해 보고 싶으신가요? 지금 뉴렐릭의 무료 계정을 신청하십시오! 신용카드는 필요하지 않습니다.
+Linux용 인프라 에이전트를 사용해 보고 싶으십니까? 무료로 뉴렐릭 계정을 만들어보세요! 신용 카드가 필요하지 않습니다.
 
 <InlineSignup/>
 
@@ -29,11 +29,11 @@ Linux용 인프라 모니터링 에이전트를 사용해 보고 싶으신가요
 
 다음은 Linux에서 사용자 지정 Docker 이미지를 만들기 위한 기본 지침입니다. 이를 통해 기반 호스트를 모니터링할 수 있는 컨테이너로 인프라 에이전트를 배포할 수 있습니다.
 
-**권장 사항:** [`newrelic/infrastructure` 이미지](https://hub.docker.com/r/newrelic/infrastructure/) 를 확장하고 고유한 `newrelic-infra.yml` 에이전트 [구성 파일](/docs/infrastructure/new-relic-infrastructure/configuration/configure-infrastructure-agent) 을 사용합니다. 이미지가 빌드되면 추가 시작 시간 구성을 제공하지 않고도 컨테이너를 쉽게 회전할 수 있습니다. Docker에서 환경 변수를 사용하여 비밀을 제공하지 마십시오.
+<DoNotTranslate>**Recommendation:**</DoNotTranslate> [`newrelic/infrastructure` 이미지를](https://hub.docker.com/r/newrelic/infrastructure/) 확장하고 자체 `newrelic-infra.yml` 에이전트 [구성 파일을](/docs/infrastructure/new-relic-infrastructure/configuration/configure-infrastructure-agent) 사용합니다. 일단 이미지가 구축되면 추가 설치 시간 설정을 제공하지 않고도 컨테이너를 쉽게 시작할 수 있습니다. docker 와 함께 환경 변수를 사용하여 비밀을 제공하지 마세요.
 
 ### 도커 CLI
 
-1. 뉴렐릭 <InlinePopover type="licenseKey"/>로 `newrelic-infra.yml` 에이전트 [구성 파일](/docs/infrastructure/new-relic-infrastructure/configuration/configure-infrastructure-agent)을 생성합니다. 구성 옵션에 대한 자세한 설명은 [구성 설정](/docs/infrastructure/install-configure-infrastructure/configuration/infrastructure-configuration-settings)을 참조하십시오.
+1. 뉴렐릭 <InlinePopover type="licenseKey"/>을 사용하여 `newrelic-infra.yml` 에이전트 [구성 파일을](/docs/infrastructure/new-relic-infrastructure/configuration/configure-infrastructure-agent) 생성합니다. 구성 옵션 설명은 [구성 설정을](/docs/infrastructure/install-configure-infrastructure/configuration/infrastructure-configuration-settings) 참조하세요.
 
    ```yml
    license_key: YOUR_LICENSE_KEY
@@ -84,7 +84,7 @@ Linux용 인프라 모니터링 에이전트를 사용해 보고 싶으신가요
    cd ~/newrelic-infra-setup
    ```
 
-3. 뉴렐릭 <InlinePopover type="licenseKey"/>로 `newrelic-infra.yml` 에이전트 [구성 파일](/docs/infrastructure/new-relic-infrastructure/configuration/configure-infrastructure-agent)을 생성합니다. 구성 옵션에 대한 자세한 설명은 [구성 설정](/docs/infrastructure/install-configure-infrastructure/configuration/infrastructure-configuration-settings)을 참조하십시오.
+3. 뉴렐릭 <InlinePopover type="licenseKey"/>을 사용하여 `newrelic-infra.yml` 에이전트 [구성 파일을](/docs/infrastructure/new-relic-infrastructure/configuration/configure-infrastructure-agent) 생성합니다. 구성 옵션 설명은 [구성 설정을](/docs/infrastructure/install-configure-infrastructure/configuration/infrastructure-configuration-settings) 참조하세요.
 
    ```bash
    echo "license_key: YOUR_LICENSE_KEY" > newrelic-infra.yml
@@ -316,15 +316,21 @@ Linux 네임스페이스를 통한 호스트 및 기타 컨테이너와의 리
   <thead>
     <tr>
       <th style={{ width: "150px" }}>
-        **범주**
+        <DoNotTranslate>
+          **Category**
+        </DoNotTranslate>
       </th>
 
       <th style={{ width: "200px" }}>
-        **원천**
+        <DoNotTranslate>
+          **Source**
+        </DoNotTranslate>
       </th>
 
       <th>
-        **다음을 사용하여 수집된 데이터**
+        <DoNotTranslate>
+          **Data collected using**
+        </DoNotTranslate>
       </th>
     </tr>
   </thead>
diff --git a/src/i18n/content/kr/docs/infrastructure/install-infrastructure-agent/linux-installation/container-instrumentation-infrastructure-monitoring.mdx b/src/i18n/content/kr/docs/infrastructure/install-infrastructure-agent/linux-installation/container-instrumentation-infrastructure-monitoring.mdx
index a0d6a701e22..b2adea43149 100644
--- a/src/i18n/content/kr/docs/infrastructure/install-infrastructure-agent/linux-installation/container-instrumentation-infrastructure-monitoring.mdx
+++ b/src/i18n/content/kr/docs/infrastructure/install-infrastructure-agent/linux-installation/container-instrumentation-infrastructure-monitoring.mdx
@@ -1,10 +1,10 @@
 ---
-title: 인프라 모니터링을 위한 컨테이너 계측
+title: 에이전트 에이전트를 사용하여 컨테이너를 구성합니다.
 tags:
   - Infrastructure
   - Install the infrastructure agent
   - Linux installation
-metaDescription: New Relic's infrastructure monitoring agent automatically instruments container runtimes to collect container metrics and metadata.
+metaDescription: New Relic's infrastructure agent automatically instruments container runtimes to collect container metrics and metadata.
 freshnessValidatedDate: never
 translationType: machine
 ---
@@ -31,9 +31,9 @@ New Relic의 인프라 에이전트에 대한 자동 컨테이너 모니터링
 
 ## 컨테이너 모니터링 활성화 [#enable]
 
-[요구 사항을](#requirements) 충족하고 올바른 인프라 모니터링 에이전트를 설치한 경우 컨테이너 모니터링을 활성화하기 위한 추가 단계는 없습니다. 컨테이너 런타임이 실행 중인 경우 데이터가 자동으로 보고됩니다.
+[요구 사항을](#requirements) 충족하고 올바른 인프라 에이전트를 설치한 경우 컨테이너 모니터링을 활성화하기 위한 추가 단계는 없습니다. 컨테이너 런타임이 실행 중이면 데이터가 자동으로 보고됩니다.
 
-인프라 모니터링 에이전트가 포함된 컨테이너 이미지를 사용할 수도 있습니다. 자세한 정보는 [인프라 모니터링을 위한 컨테이너를](/docs/infrastructure/install-infrastructure-agent/linux-installation/container-infrastructure-monitoring)참조하십시오.
+인프라 에이전트가 포함된 컨테이너 이미지를 사용할 수도 있습니다. 자세한 내용은 [인프라 모니터링용 컨테이너를](/docs/infrastructure/install-infrastructure-agent/linux-installation/container-infrastructure-monitoring) 참조하세요.
 
 <InstallFeedback/>
 
diff --git a/src/i18n/content/kr/docs/infrastructure/install-infrastructure-agent/macos-installation/install-infrastructure-monitoring-agent-macos.mdx b/src/i18n/content/kr/docs/infrastructure/install-infrastructure-agent/macos-installation/install-infrastructure-monitoring-agent-macos.mdx
index 3261953953e..947d6539577 100644
--- a/src/i18n/content/kr/docs/infrastructure/install-infrastructure-agent/macos-installation/install-infrastructure-monitoring-agent-macos.mdx
+++ b/src/i18n/content/kr/docs/infrastructure/install-infrastructure-agent/macos-installation/install-infrastructure-monitoring-agent-macos.mdx
@@ -1,21 +1,21 @@
 ---
-title: macOS용 인프라 모니터링 에이전트 설치
+title: macOS용 인프라 에이전트 설치
 tags:
   - Infrastructure
   - Install the infrastructure agent
   - macOS installation
-metaDescription: Install New Relic infrastructure monitoring agent for macOS using Homebrew.
+metaDescription: Install New Relic infrastructure agent for macOS using Homebrew.
 freshnessValidatedDate: never
 translationType: machine
 ---
 
-New Relic의 macOS용 인프라 모니터링 에이전트를 사용하면 macOS 호스트에서 주요 성능 지표를 모니터링할 수 있습니다. 에이전트는 자체 하드웨어 또는 Amazon EC2와 같은 클라우드 시스템에서 실행할 수 있습니다.
+뉴렐릭의 macOS용 에이전트 에이전트를 사용하면 macOS 호스트에서 주요 성능 지표를 모니터링할 수 있습니다. 에이전트는 자체 하드웨어나 Amazon EC2와 같은 클라우드 시스템에서 실행할 수 있습니다.
 
-당사의 인프라 모니터링 에이전트는 일반적으로 사용 가능한 모든 Apple 지원 macOS 버전과 [호환됩니다](/docs/infrastructure/install-infrastructure-agent/get-started/requirements-infrastructure-agent) .
+당사의 인프라 에이전트는 일반적으로 사용 가능한 모든 Apple 지원 macOS 버전과 [호환됩니다](/docs/infrastructure/install-infrastructure-agent/get-started/requirements-infrastructure-agent) .
 
 ## macOS용 설치 [#install-macos]
 
-설치하기 전에 [요구 사항](/docs/infrastructure/new-relic-infrastructure/getting-started/compatibility-requirements-new-relic-infrastructure) 을 검토해야 합니다. 그런 다음 macOS용 인프라 모니터링 에이전트를 설치하려면 [안내 설치 를](/docs/full-stack-observability/observe-everything/get-started/new-relic-guided-install-overview/) 사용하거나 이 문서의 지침에 따라 기본 설치를 완료할 수 있습니다.
+설치하기 전에 [요구 사항](/docs/infrastructure/new-relic-infrastructure/getting-started/compatibility-requirements-new-relic-infrastructure) 을 검토해야 합니다. 그런 다음 macOS용 인프라 에이전트를 설치하려면 [안내 설치 를](/docs/full-stack-observability/observe-everything/get-started/new-relic-guided-install-overview/) 사용하거나 이 문서의 지침에 따라 기본 설치를 완료할 수 있습니다.
 
 ## 제한 사항 [#limitations]
 
@@ -27,7 +27,7 @@ New Relic의 macOS용 인프라 모니터링 에이전트를 사용하면 macOS
 
 ## 단계별 지침 [#instructions]
 
-인프라 모니터링 에이전트를 설치하려면 단계별 지침을 따르세요.
+인프라 에이전트를 설치하려면 단계별 지침을 따르십시오.
 
 1. [에이전트 요구 사항 및 지원되는 운영 체제를](/docs/infrastructure/new-relic-infrastructure/getting-started/compatibility-requirements-new-relic-infrastructure) 검토합니다.
 
@@ -55,7 +55,7 @@ New Relic의 macOS용 인프라 모니터링 에이전트를 사용하면 macOS
      brew services start newrelic-infra-agent
    ```
 
-5. 구성 파일을 생성하고 <InlinePopover type="licenseKey"/>:
+5. 구성 파일을 생성하고 <InlinePopover type="licenseKey"/>를 추가합니다.
 
    인텔 x86:
 
@@ -85,4 +85,4 @@ New Relic의 macOS용 인프라 모니터링 에이전트를 사용하면 macOS
 
 ## 에이전트 업데이트 [#update]
 
-최신 버전으로 업그레이드하려면 표준 절차에 [따라 인프라 모니터링 에이전트를 업데이트하십시오](/docs/infrastructure/new-relic-infrastructure/installation/update-infrastructure-agent) .
\ No newline at end of file
+최신 버전으로 업그레이드하려면 표준 절차에 따라 [인프라 에이전트를 업데이트하세요](/docs/infrastructure/new-relic-infrastructure/installation/update-infrastructure-agent).
\ No newline at end of file
diff --git a/src/i18n/content/kr/docs/infrastructure/install-infrastructure-agent/windows-installation/install-infrastructure-monitoring-agent-windows.mdx b/src/i18n/content/kr/docs/infrastructure/install-infrastructure-agent/windows-installation/install-infrastructure-monitoring-agent-windows.mdx
index 329e0b17818..98d3b4fbb8e 100644
--- a/src/i18n/content/kr/docs/infrastructure/install-infrastructure-agent/windows-installation/install-infrastructure-monitoring-agent-windows.mdx
+++ b/src/i18n/content/kr/docs/infrastructure/install-infrastructure-agent/windows-installation/install-infrastructure-monitoring-agent-windows.mdx
@@ -1,15 +1,15 @@
 ---
-title: Windows용 인프라 모니터링 에이전트 설치
+title: Windows용 인프라 에이전트 설치
 tags:
   - Infrastructure
   - Install the infrastructure agent
   - Windows installation
-metaDescription: 'Install the New Relic infrastructure monitoring agent for Windows with a simple headless MSI, and do basic configuration.'
+metaDescription: 'Install the New Relic infrastructure agent for Windows with a simple headless MSI, and do basic configuration.'
 freshnessValidatedDate: never
 translationType: machine
 ---
 
-New Relic의 Windows용 인프라 모니터링 에이전트를 사용하면 개별 서버를 모니터링하고 서비스가 전체적으로 어떻게 수행되는지 분석할 수 있습니다. Windows 에이전트는 자체 하드웨어 또는 Amazon EC2 또는 Windows Azure와 같은 클라우드 시스템에서 실행할 수 있으며 Windows Server와 Windows 10 및 11을 [지원합니다](/docs/infrastructure/install-infrastructure-agent/get-started/requirements-infrastructure-agent) . [Chef 로 설치할](/docs/infrastructure/new-relic-infrastructure/config-management-tools/configure-new-relic-infrastructure-using-chef) 수도 있습니다. 설치하기 전에 [요구 사항](/docs/infrastructure/new-relic-infrastructure/getting-started/compatibility-requirements-new-relic-infrastructurets) 을 검토하십시오.
+뉴렐릭의 Windows용 에이전트를 사용하면 개별 서버를 모니터링하고 서비스가 전체적으로 어떻게 작동하는지 분석할 수도 있습니다. Windows 에이전트는 하드웨어나 Amazon EC2 또는 Windows Azure와 같은 클라우드 시스템에서 실행될 수 있으며 Windows Server와 Windows 10 및 11을 [지원합니다](/docs/infrastructure/install-infrastructure-agent/get-started/requirements-infrastructure-agent) . [Chef 를 사용하여 설치할](/docs/infrastructure/new-relic-infrastructure/config-management-tools/configure-new-relic-infrastructure-using-chef) 수도 있습니다. 설치하기 전에 [요구 사항](/docs/infrastructure/new-relic-infrastructure/getting-started/compatibility-requirements-new-relic-infrastructurets) 을 검토하십시오.
 
 ## 가이드 설치를 사용하여 Windows용 설치 [#install-windows]
 
@@ -91,7 +91,7 @@ New Relic의 Windows용 인프라 모니터링 에이전트를 사용하면 개
    license_key: YOUR_LICENSE_KEY
    ```
 
-2. `newrelic-infra` 서비스를 시작하려면 다음을 실행합니다.
+5. `newrelic-infra` 서비스를 시작하려면 다음을 실행합니다.
 
    ```shell
    net start newrelic-infra
@@ -101,10 +101,10 @@ New Relic의 Windows용 인프라 모니터링 에이전트를 사용하면 개
 
 ## zip 파일을 사용하여 설치 [#install-zip]
 
-사용자 지정 설치 시나리오의 경우 [지원](/docs/infrastructure/install-configure-infrastructure/windows-installation/assisted-install-infrastructure-windows) 또는 [수동](/docs/infrastructure/install-configure-infrastructure/windows-installation/manual-install-infrastructure-windows) 모드에서 [zip 파일](https://download.newrelic.com/infrastructure_agent/binaries/windows/) 을 사용하여 인프라 모니터링 에이전트를 설치할 수 있습니다. 이것은 기본 설치 설정을 환경에 맞게 조정해야 할 때 특히 유용합니다.
+사용자 정의 설정 시나리오의 경우 지원 모드 또는 [](/docs/infrastructure/install-configure-infrastructure/windows-installation/assisted-install-infrastructure-windows)수동 [모드에서 zip 파일을](https://download.newrelic.com/infrastructure_agent/binaries/windows/) [사용하여 인프라 에이전트를](/docs/infrastructure/install-configure-infrastructure/windows-installation/manual-install-infrastructure-windows) 설치할 수 있습니다. 이는 기본 설치 설정을 환경에 맞게 조정해야 할 때 특히 유용합니다.
 
 <Callout variant="caution">
-  zip 파일을 사용하여 인프라 모니터링 에이전트를 설치하는 것은 지원되지 않습니다.
+  zip 파일을 사용한 인프라 에이전트 설치는 지원되지 않습니다.
 </Callout>
 
 <InstallFeedback/>
@@ -121,4 +121,4 @@ New Relic의 Windows용 인프라 모니터링 에이전트를 사용하면 개
 
 ## 에이전트 업데이트 [#update]
 
-최신 버전으로 업그레이드하려면 표준 절차에 [따라 인프라 모니터링 에이전트를 업데이트하십시오](/docs/infrastructure/new-relic-infrastructure/installation/update-infrastructure-agent) .
\ No newline at end of file
+최신 버전으로 업그레이드하려면 표준 절차에 따라 [인프라 에이전트를 업데이트하세요](/docs/infrastructure/new-relic-infrastructure/installation/update-infrastructure-agent).
\ No newline at end of file
diff --git a/src/i18n/content/kr/docs/infrastructure/manage-your-data/data-instrumentation/default-infrastructure-monitoring-data.mdx b/src/i18n/content/kr/docs/infrastructure/manage-your-data/data-instrumentation/default-infrastructure-monitoring-data.mdx
index 6206a61dc58..9758995e355 100644
--- a/src/i18n/content/kr/docs/infrastructure/manage-your-data/data-instrumentation/default-infrastructure-monitoring-data.mdx
+++ b/src/i18n/content/kr/docs/infrastructure/manage-your-data/data-instrumentation/default-infrastructure-monitoring-data.mdx
@@ -9,7 +9,7 @@ freshnessValidatedDate: never
 translationType: machine
 ---
 
-New Relic의 인프라 모니터링 에이전트는 6개의 기본 [이벤트](/docs/using-new-relic/data/understand-data/new-relic-data-types#event-data) 를 사용하여 데이터를 수집하고 [표시](/docs/accounts-partnerships/education/getting-started-new-relic/glossary#attribute) 합니다.
+뉴렐릭의 피규어 에이전트는 6개의 기본 [이벤트를](/docs/using-new-relic/data/understand-data/new-relic-data-types#event-data) 사용하여 데이터를 수집하고 표시하며, 각 이벤트에는 다양한 지표 및 메타데이터를 나타내는 관련 [속성이](/docs/accounts-partnerships/education/getting-started-new-relic/glossary#attribute) 포함되어 있습니다.
 
 인프라 데이터를 이해하면 다음과 같은 이점이 있습니다.
 
@@ -52,7 +52,7 @@ New Relic의 인프라 모니터링 에이전트는 6개의 기본 [이벤트](/
       </td>
 
       <td>
-        `SystemSample` CPU, 메모리, 디스크 및 네트워크를 포함하여 전체 서버의 현재 전체 상태를 설명하는 데이터를 포함합니다. 우리는 5초마다 이 데이터의 스냅샷을 찍어 `SystemSample` 이벤트로 패키징한 다음 New Relic으로 보냅니다. 이 데이터는 [**Systems** \[시스템\] UI 탭](/docs/infrastructure/infrastructure-ui-pages/infra-hosts-ui-page#system) 에 나타납니다.
+        `SystemSample` CPU, 메모리, 디스크, 네트워크 등 전체 서버의 현재 전반적인 상태를 설명하는 데이터가 포함되어 있습니다. 5초마다 이 데이터의 스냅샷을 찍어 `SystemSample` 이벤트로 패키징한 다음 뉴렐릭으로 전송합니다. 이 데이터는 [<DoNotTranslate>**Systems**</DoNotTranslate> UI 탭](/docs/infrastructure/infrastructure-ui-pages/infra-hosts-ui-page#system) 에 나타납니다.
       </td>
     </tr>
 
@@ -62,7 +62,7 @@ New Relic의 인프라 모니터링 에이전트는 6개의 기본 [이벤트](/
       </td>
 
       <td>
-        `ProcessSample` 단일 시스템에서 실행되는 프로그램에서 자세한 자원 사용 정보를 수집합니다. 모든 활성 프로세스에 대해 20초마다 이 데이터의 스냅샷을 찍어 `ProcessSample` 이벤트로 패키징한 다음 New Relic으로 전송합니다. 이 데이터는 [**Processes** \[프로세스\] UI 페이지](/docs/infrastructure/infrastructure-ui-pages/infra-hosts-ui-page#processes) 에 나타납니다.
+        `ProcessSample` 단일 시스템에서 실행되는 프로그램에서 자세한 리소스 사용 정보를 수집합니다. 모든 활성 프로세스에 대해 20초마다 이 데이터의 스냅샷을 찍어 `ProcessSample` 이벤트로 패키징한 다음 뉴렐릭으로 전송합니다. 이 데이터는 [<DoNotTranslate>**Processes**</DoNotTranslate> UI 페이지](/docs/infrastructure/infrastructure-ui-pages/infra-hosts-ui-page#processes) 에 나타납니다.
 
         <Callout variant="important">
           프로세스 메트릭은 기본적으로 보고되지 않습니다. 이 데이터를 보고하려면 [프로세스 지표를 활성화하십시오](/docs/infrastructure/install-configure-manage-infrastructure/configuration/infrastructure-configuration-settings#enable-process-metrics).
@@ -76,7 +76,7 @@ New Relic의 인프라 모니터링 에이전트는 6개의 기본 [이벤트](/
       </td>
 
       <td>
-        `StorageSample` 서버와 연결된 단일 저장 장치를 나타냅니다. 각 샘플은 장치, 사용하는 파일 시스템 유형, 현재 사용량 및 용량에 대한 설명 정보를 수집합니다. 마운트된 각 파일 시스템에 대해 20초마다 이 데이터의 스냅샷을 찍어 `StorageSample` 이벤트로 패키징한 다음 New Relic으로 전송합니다. 이 데이터는 [**Storage** \[스토리지\] UI 페이지](/docs/infrastructure/infrastructure-ui-pages/infra-hosts-ui-page#storage) 에 나타납니다.
+        `StorageSample` 서버와 연결된 단일 저장 장치를 나타냅니다. 각 샘플은 장치, 장치가 사용하는 파일 시스템 유형, 현재 사용량 및 용량에 대한 기술 정보를 수집합니다. 마운트된 각 파일 시스템에 대해 20초마다 이 데이터의 스냅샷을 찍어 `StorageSample` 이벤트로 패키징한 다음 뉴렐릭으로 전송합니다. 이 데이터는 [<DoNotTranslate>**Storage**</DoNotTranslate> UI 페이지](/docs/infrastructure/infrastructure-ui-pages/infra-hosts-ui-page#storage) 에 나타납니다.
 
         <Callout variant="important">
           서버가 다음 표에서 지원되는 파일 시스템 이외의 파일 시스템이 있는 디스크를 사용하는 경우 해당 디스크에 대해 `StorageSample` 이벤트가 생성되지 않습니다.
@@ -119,7 +119,7 @@ New Relic의 인프라 모니터링 에이전트는 6개의 기본 [이벤트](/
       </td>
 
       <td>
-        `NetworkSample` 서버와 연결된 각 네트워크 장치에 대한 설명 및 상태 정보를 캡처합니다. 여기에는 장치의 인터페이스 및 주소 정보와 현재 사용 데이터가 포함됩니다. 연결된 각 네트워크 인터페이스에 대해 10초마다 이 데이터의 스냅샷을 찍어 `NetworkSample` 이벤트로 패키징한 다음 New Relic으로 전송합니다. 이 데이터는 [**Network** \[네트워크\] UI 페이지](/docs/infrastructure/infrastructure-ui-pages/infra-hosts-ui-page#network) 에 나타납니다.
+        `NetworkSample` 서버와 연결된 각 네트워크 장치에 대한 기술 및 상태 정보를 캡처합니다. 여기에는 장치의 인터페이스와 주소 정보는 물론 현재 사용 데이터도 포함됩니다. 연결된 각 네트워크 인터페이스에 대해 10초마다 이 데이터의 스냅샷을 찍어 `NetworkSample` 이벤트로 패키징한 다음 뉴렐릭으로 전송합니다. 이 데이터는 [<DoNotTranslate>**Network**</DoNotTranslate> UI 페이지](/docs/infrastructure/infrastructure-ui-pages/infra-hosts-ui-page#network) 에 나타납니다.
       </td>
     </tr>
 
@@ -129,7 +129,7 @@ New Relic의 인프라 모니터링 에이전트는 6개의 기본 [이벤트](/
       </td>
 
       <td>
-        `ContainerSample` 각 Docker 컨테이너에 대한 설명 및 상태 정보를 수집합니다. 여기에는 컨테이너의 ID, 이름, 이미지, 이미지 이름은 물론 CPU, 메모리 및 네트워킹에 대한 메트릭이 포함됩니다. 각 컨테이너에 대해 15초마다 이 데이터의 스냅샷을 찍어 `ContainerSample` 이벤트로 패키징한 다음 New Relic으로 전송합니다. 이 데이터는 [**Containers** \[컨테이너\] UI 페이지](/docs/infrastructure/infrastructure-ui-pages/infra-hosts-ui-page#containers) 에 나타납니다. 자세한 정보는 [Docker 모니터링을](/docs/infrastructure/new-relic-infrastructure/data-instrumentation/docker-instrumentation-infrastructure) 참조하십시오.
+        `ContainerSample` 각 docker 컨테이너에 대한 기술 및 상태 정보를 수집합니다. 여기에는 컨테이너의 ID, 이름, 이미지, 이미지 이름은 물론 CPU, 메모리 및 네트워킹에 대한 지표가 포함됩니다. 각 컨테이너에 대해 15초마다 이 데이터의 스냅샷을 찍어 `ContainerSample` 이벤트로 패키징한 다음 뉴렐릭으로 전송합니다. 이 데이터는 [<DoNotTranslate>**Containers**</DoNotTranslate> UI 페이지](/docs/infrastructure/infrastructure-ui-pages/infra-hosts-ui-page#containers) 에 나타납니다. 자세한 내용은 [Docker 모니터링 을](/docs/infrastructure/new-relic-infrastructure/data-instrumentation/docker-instrumentation-infrastructure) 참조하세요.
       </td>
     </tr>
 
@@ -139,7 +139,7 @@ New Relic의 인프라 모니터링 에이전트는 6개의 기본 [이벤트](/
       </td>
 
       <td>
-        `InfrastructureEvent` 시스템의 활성 상태에서 발생하는 변경 사항(델타)을 설명합니다. 인벤토리 또는 시스템 상태가 추가, 제거 또는 변경되면 해당 활동을 기록하는 `InfrastructureEvent` 를 생성합니다. 이 데이터는 [**Events** \[이벤트\] UI 페이지](/docs/infrastructure/new-relic-infrastructure/infrastructure-ui-pages/infrastructure-events-page-live-feed-every-config-change) 에 나타납니다.
+        `InfrastructureEvent` 시스템의 라이브 상태에서 발생하는 변경 사항(델타)을 설명합니다. 인벤토리 또는 시스템 상태가 추가, 제거 또는 변경되면 해당 활동을 기록하는 `InfrastructureEvent` 가 생성됩니다. 이 데이터는 [<DoNotTranslate>**Events**</DoNotTranslate> UI 페이지](/docs/infrastructure/new-relic-infrastructure/infrastructure-ui-pages/infrastructure-events-page-live-feed-every-config-change) 에 나타납니다.
       </td>
     </tr>
   </tbody>
@@ -168,7 +168,11 @@ SELECT * FROM ProcessSample
 인프라 에이전트의 YAML 파일에서 [사용자 정의 속성](/docs/meatballs-configuring-your-agent#attributes) 을 생성할 수 있습니다. 이 메타데이터를 사용하여 다음을 수행합니다.
 
 * [엔터티 필터 표시줄](/docs/new-relic-solutions/new-relic-one/core-concepts/search-filter-entities)에서 엔터티 필터링
-* [**그룹화**](/docs/infrastructure/new-relic-infrastructure/filter-group/group-infrastructure-results-specific-attributes) 기준 메뉴 채우기
+
+* <DoNotTranslate>[**Group by**](/docs/infrastructure/new-relic-infrastructure/filter-group/group-infrastructure-results-specific-attributes)</DoNotTranslate>
+
+  메뉴 채우기
+
 * 인프라 데이터에 주석 달기
 
 ## 일반적인 Amazon EC2 속성 [#shared-attributes]
diff --git a/src/i18n/content/kr/docs/logs/logs-context/configure-logs-context-go.mdx b/src/i18n/content/kr/docs/logs/logs-context/configure-logs-context-go.mdx
index 47593460cb0..2229fc567d9 100644
--- a/src/i18n/content/kr/docs/logs/logs-context/configure-logs-context-go.mdx
+++ b/src/i18n/content/kr/docs/logs/logs-context/configure-logs-context-go.mdx
@@ -369,6 +369,6 @@ Go 언어 <InlinePopover type="apm"/>에이전트를 사용하면 다른 뉴렐
 
 * [로그 UI를](/docs/logs/log-management/ui-data/use-logs-ui/)사용하여 플랫폼 전체에서 로깅 데이터를 탐색합니다.
 * [APM UI](/docs/logs/log-management/ui-data/use-logs-ui/#links) 의 앱 성능 컨텍스트에서 로그를 확인합니다. [분산 추적](/docs/apm/distributed-tracing/ui-data/understand-use-distributed-tracing-data) , 스택 추적, 애플리케이션 로그 등으로 [오류](/docs/apm/apm-ui-pages/error-analytics/errors-page-find-fix-verify-problems/) 를 해결합니다.
-* [인프라 모니터링 에이전트](/docs/logs/enable-log-management-new-relic/enable-log-monitoring-new-relic/forward-your-logs-using-infrastructure-agent/) 를 통해 로그를 전달하여 애플리케이션과 플랫폼 성능 데이터에 대한 더 깊은 가시성을 얻으십시오. UI에서 [인프라 로그](/docs/logs/log-management/ui-data/use-logs-ui/#links) 를 검토합니다.
+* [인프라 에이전트를](/docs/logs/enable-log-management-new-relic/enable-log-monitoring-new-relic/forward-your-logs-using-infrastructure-agent/) 통해 로그를 전달하여 애플리케이션과 플랫폼 성능 데이터에 대한 더 깊은 가시성을 확보하세요. UI에서 [인프라 로그를](/docs/logs/log-management/ui-data/use-logs-ui/#links) 검토하세요.
 * [경보](/docs/alerts-applied-intelligence/new-relic-alerts/alert-conditions/create-alert-conditions/)를 설정하십시오.
 * [데이터를 조회](/docs/query-your-data/explore-query-data/get-started/introduction-querying-new-relic-data/) 하고 [대시보드를 작성](/docs/query-your-data/explore-query-data/dashboards/introduction-dashboards/)하십시오.
\ No newline at end of file
diff --git a/src/i18n/content/kr/docs/logs/logs-context/configure-logs-context-nodejs.mdx b/src/i18n/content/kr/docs/logs/logs-context/configure-logs-context-nodejs.mdx
index 8371b4ecf2b..b250d857b09 100644
--- a/src/i18n/content/kr/docs/logs/logs-context/configure-logs-context-nodejs.mdx
+++ b/src/i18n/content/kr/docs/logs/logs-context/configure-logs-context-nodejs.mdx
@@ -282,6 +282,6 @@ Node.js에서 모니터링하는 <InlinePopover type="apm"/>앱에 대한 컨텍
 
 * [로그 UI를](/docs/logs/log-management/ui-data/use-logs-ui/)사용하여 플랫폼 전체에서 로깅 데이터를 탐색합니다.
 * [APM UI](/docs/logs/log-management/ui-data/use-logs-ui/#links) 의 앱 성능 컨텍스트에서 로그를 확인합니다. [분산 추적](/docs/apm/distributed-tracing/ui-data/understand-use-distributed-tracing-data) , 스택 추적, 애플리케이션 로그 등으로 [오류](/docs/apm/apm-ui-pages/error-analytics/errors-page-find-fix-verify-problems/) 를 해결합니다.
-* [인프라 모니터링 에이전트](/docs/logs/enable-log-management-new-relic/enable-log-monitoring-new-relic/forward-your-logs-using-infrastructure-agent/) 를 통해 로그를 전달하여 애플리케이션과 플랫폼 성능 데이터에 대한 더 깊은 가시성을 얻으십시오. UI에서 [인프라 로그](/docs/logs/log-management/ui-data/use-logs-ui/#links) 를 검토합니다.
+* [인프라 에이전트를](/docs/logs/enable-log-management-new-relic/enable-log-monitoring-new-relic/forward-your-logs-using-infrastructure-agent/) 통해 로그를 전달하여 애플리케이션과 플랫폼 성능 데이터에 대한 더 깊은 가시성을 확보하세요. UI에서 [인프라 로그를](/docs/logs/log-management/ui-data/use-logs-ui/#links) 검토하세요.
 * [경보](/docs/alerts-applied-intelligence/new-relic-alerts/alert-conditions/create-alert-conditions/)를 설정하십시오.
 * [데이터를 조회](/docs/query-your-data/explore-query-data/get-started/introduction-querying-new-relic-data/) 하고 [대시보드를 작성](/docs/query-your-data/explore-query-data/dashboards/introduction-dashboards/)하십시오.
\ No newline at end of file
diff --git a/src/i18n/content/kr/docs/logs/logs-context/configure-logs-context-python.mdx b/src/i18n/content/kr/docs/logs/logs-context/configure-logs-context-python.mdx
index 03640ff11f2..35826616e7f 100644
--- a/src/i18n/content/kr/docs/logs/logs-context/configure-logs-context-python.mdx
+++ b/src/i18n/content/kr/docs/logs/logs-context/configure-logs-context-python.mdx
@@ -9,7 +9,7 @@ freshnessValidatedDate: never
 translationType: machine
 ---
 
-우리의 파이썬으로 <InlinePopover type="apm"/>에이전트를 사용하면 **컨텍스트에서 로그를**얻을 수 있으므로 다른 New Relic 데이터의 컨텍스트에서 앱 로그를 볼 수 있습니다. 이 기능에 대한 일반 정보는 [컨텍스트의 APM 로그를](/docs/apm/new-relic-apm/getting-started/get-started-logs-context)참조하십시오.
+Python <InlinePopover type="apm"/>에이전트를 사용하면 다른 뉴렐릭 데이터의 컨텍스트에서 앱 로그를 볼 수 있는 <DoNotTranslate>**logs in context**</DoNotTranslate>(를) 얻을 수 있습니다. 이 기능에 대한 일반 정보는 [컨텍스트의 APM 로그를](/docs/apm/new-relic-apm/getting-started/get-started-logs-context) 참조하세요.
 
 <Callout variant="tip">
   많은 Python 로그가 있습니까? [최적화 및 관리 방법에 대한 자습서를](/docs/tutorial-large-logs/get-started-managing-large-logs/)확인하십시오.
@@ -46,7 +46,9 @@ translationType: machine
 
     이 옵션은 [에이전트 버전 7.16.0.178](/docs/release-notes/agent-release-notes/python-release-notes/python-agent-71600178) 부터 기본적으로 켜져 있습니다.
 
-    **선택적 조정:**
+    <DoNotTranslate>
+      **Optional adjustments:**
+    </DoNotTranslate>
 
     이 기능이 활성화되면 1분마다 New Relic에 전송되는 최대 로그 수를 제어할 수 있습니다. 기본값은 10,000입니다. 60초 동안 10,000개 이상의 로그가 수신되면 로그 샘플링이 시작됩니다.
 
@@ -64,7 +66,7 @@ translationType: machine
     NEW_RELIC_APPLICATION_LOGGING_FORWARDING_MAX_SAMPLES_STORED=10000
     ```
 
-    기존 로그 전달 솔루션이 있고 컨텍스트에서 자동 로그를 사용하도록 에이전트를 업데이트하는 경우 **수동 로그 전달기를 비활성화해야 합니다** . 그렇지 않으면 앱에서 이중 로그 라인을 전송합니다. 계정에 따라 이중 청구가 발생할 수 있습니다. 자세한 내용은 절차에 따라 [특정 로그 전달자](/docs/logs/forward-logs/enable-log-management-new-relic#log-forwarding) 를 비활성화하십시오.
+    기존 로그 포워딩 솔루션이 있고 컨텍스트에서 자동 로그인을 사용하도록 에이전트를 업데이트하는 경우 <DoNotTranslate>**disable your manual log forwarder**</DoNotTranslate> 를 확인하세요. 그렇지 않으면 앱이 이중 로그 라인을 전송하게 됩니다. 귀하의 계정에 따라 이중 청구가 발생할 수 있습니다. 자세한 내용을 보려면 [특정 로그 전달자를](/docs/logs/forward-logs/enable-log-management-new-relic#log-forwarding) 비활성화하는 절차를 따르십시오.
   </Collapser>
 
   <Collapser
@@ -118,7 +120,7 @@ translationType: machine
     id="3-old-formatter"
     title="옵션 3: 수동 프로세스를 사용하여 로그를 전달하고 장식합니다."
   >
-    수동 설치 옵션을 사용하여 다음에 대한 컨텍스트에서 로그인을 활성화할 수도 있습니다. <InlinePopover type="apm"/>Python에서 모니터링하는 앱.
+    수동 설치 옵션을 사용하여 Python에서 모니터링하는 <InlinePopover type="apm"/>앱에 대한 컨텍스트에서 로그를 활성화할 수도 있습니다.
 
     1. [New Relic 에서 이미 로그인을 설정](/docs/logs/enable-log-management-new-relic/enable-log-monitoring-new-relic/enable-log-management-new-relic/) 했는지 확인하십시오. 여기에는 애플리케이션 로그를 수집하고 New Relic으로 전달되는 메타데이터를 확장하는 지원되는 로그 전달자 구성이 포함됩니다.
 
@@ -159,10 +161,10 @@ translationType: machine
 
 ## 다음은 뭐지? [#what-next]
 
-설정 후 <InlinePopover type="apm"/>상황에 맞게 로그인하고 로깅 데이터를 최대한 활용하세요.
+컨텍스트에 맞게 <InlinePopover type="apm"/>로그를 설정한 후 로깅 데이터를 최대한 활용하세요.
 
 * [로그 UI를](/docs/logs/log-management/ui-data/use-logs-ui/)사용하여 플랫폼 전체에서 로깅 데이터를 탐색합니다.
 * [APM UI](/docs/logs/log-management/ui-data/use-logs-ui/#links) 의 앱 성능 컨텍스트에서 로그를 확인합니다. [분산 추적](/docs/apm/distributed-tracing/ui-data/understand-use-distributed-tracing-data) , 스택 추적, 애플리케이션 로그 등으로 [오류](/docs/apm/apm-ui-pages/error-analytics/errors-page-find-fix-verify-problems/) 를 해결합니다.
-* [인프라 모니터링 에이전트](/docs/logs/enable-log-management-new-relic/enable-log-monitoring-new-relic/forward-your-logs-using-infrastructure-agent/) 를 통해 로그를 전달하여 애플리케이션과 플랫폼 성능 데이터에 대한 더 깊은 가시성을 얻으십시오. UI에서 [인프라 로그](/docs/logs/log-management/ui-data/use-logs-ui/#links) 를 검토합니다.
+* [인프라 에이전트를](/docs/logs/enable-log-management-new-relic/enable-log-monitoring-new-relic/forward-your-logs-using-infrastructure-agent/) 통해 로그를 전달하여 애플리케이션과 플랫폼 성능 데이터에 대한 더 깊은 가시성을 확보하세요. UI에서 [인프라 로그를](/docs/logs/log-management/ui-data/use-logs-ui/#links) 검토하세요.
 * [경보](/docs/alerts-applied-intelligence/new-relic-alerts/alert-conditions/create-alert-conditions/)를 설정하십시오.
 * [데이터를 조회](/docs/query-your-data/explore-query-data/get-started/introduction-querying-new-relic-data/) 하고 [대시보드를 작성](/docs/query-your-data/explore-query-data/dashboards/introduction-dashboards/)하십시오.
\ No newline at end of file
diff --git a/src/i18n/content/kr/docs/logs/ui-data/obfuscation-ui.mdx b/src/i18n/content/kr/docs/logs/ui-data/obfuscation-ui.mdx
index 2c2ba7942c4..4422aaa4603 100644
--- a/src/i18n/content/kr/docs/logs/ui-data/obfuscation-ui.mdx
+++ b/src/i18n/content/kr/docs/logs/ui-data/obfuscation-ui.mdx
@@ -1,42 +1,55 @@
 ---
-title: 로그의 민감한 데이터 해시 또는 마스크(난독화)
-metaDescription: How to hash or mask sensitive data in logs you send to New Relic with our obfuscation UI or API.
+title: '로그 난독화: 귀하의 로그에 있는 민감한 데이터를 반 또는 마스크'
+metaDescription: How to hash or mask sensitive data in logs you send to New Relic with our log obfuscation UI or API.
+freshnessValidatedDate: never
 translationType: machine
 ---
 
-import obfuscationCreateExpression from 'images/ObfuscationCreateExpression.webp'
+import logsObfuscationCreateExpression from 'images/logs_screenshot-crop_obfuscation-create-expression.webp'
 
-import obfuscationCreateRuleUi from 'images/obfuscation-create-rule-ui.webp'
+import logsLogObfuscationCreateRule from 'images/logs_screenshot-crop_log-obfuscation-create-rule.webp'
 
-import obfuscationUi from 'images/log-obfuscationUI-041422.webp'
-
-import obfuscationExp from 'images/log-obfuscation-exp051322.webp'
+import logsLogObfuscationExpression from 'images/logs_screenshot-crop_log-obfuscation-expression.webp'
 
 로그 난독화 규칙을 사용하면 특정 유형의 정보가 New Relic에 저장되는 것을 방지할 수 있습니다.
 
 ## 요구 사항 [#requirements]
 
-로그 난독화는 [Data Plus 제품](https://docs.newrelic.com/whats-new/2022/04/whats-new-4-14-data-updates) 의 일부로 2022년 6월에 제공될 예정입니다. 자세한 내용은 계정 담당자에게 문의하세요.
-
-## 개요 [#overview]
+로그 난독화 기능은 [데이터 플러스 옵션](/docs/accounts/accounts-billing/new-relic-one-pricing-billing/data-ingest-billing#data-prices) 의 일부로 제공됩니다.
 
-로그가 New Relic으로 배송된 후 로그의 민감한 정보는 난독화 규칙을 사용하여 New Relic 데이터베이스인 [NRDB](/docs/data-apis/get-started/nrdb-horsepower-under-hood/) 에 저장되기 전에 난독화될 수 있습니다.
+## 로그 난독화란 무엇입니까? [#overview]
 
-민감한 정보에는 신용카드 번호, 주민등록번호, 주민등록번호와 같은 개인 식별 정보 또는 규정에 따라 저장 시 보호해야 할 수 있는 기타 데이터가 포함될 수 있습니다.
+당사의 [<InlinePopover type="logs"/>서비스는](/docs/logs/get-started/get-started-log-management) 신용카드나 주민등록번호 등 민감한 항목일 가능성이 있다고 식별되는 마스크 번호 패턴을 자동으로 제공합니다.
 
-중요한 정보와 일치하는 정규식을 정의한 다음 해당 데이터를 난독화하는 규칙을 만들 수 있습니다. 민감한 정보를 마스킹하거나 해시하도록 선택할 수 있습니다.
+추가 난독화가 필요한 경우 한 가지 옵션은 사용하는 클러스터 전달자(예: 당사 에이전트)의 설정을 조정하는 것입니다. 하지만 더 쉬운 옵션은 [Data Plus](/docs/accounts/accounts-billing/new-relic-one-pricing-billing/data-ingest-billing#data-prices) 에서 제공되는 로그 난독화 기능을 사용하는 것입니다. 이를 통해 긴 수동 설정 없이 로그인 기능 관리 UI 에서 직접 또는 NerdGraph API 통해 로그인을 설정할 수 있습니다. 중요한 정보와 일치하는 정규식을 정의한 다음 해당 데이터를 난독화하는 규칙을 만듭니다. 민감한 정보를 마스킹하거나 해시하도록 선택할 수 있습니다.
 
 ## 정의 [#definitions]
 
-* **난독화 규칙** 은 난독화 작업을 적용할 로그를 정의합니다.
-* **난독화 규칙 작업** 은 볼 속성, 난독화할 텍스트 및 난독화 방법(마스킹 또는 해싱)을 정의합니다.
-* **난독화 표현식** 은 난독화할 텍스트를 식별하는 정규식으로 명명됩니다.
-* **마스킹** 은 정보를 완전히 제거하고 `X` 문자로 대체합니다. 이 작업이 완료되면 특정 값을 검색할 수 없습니다.
-* **해싱** 은 정보를 숨깁니다. 해싱 도구를 사용하여 중요한 값의 해시를 가져온 다음 해당 해시가 포함된 로그를 검색할 수 있습니다.
+다음은 몇 가지 중요한 용어입니다.
+
+* <DoNotTranslate>**Obfuscation rules**</DoNotTranslate>
+
+  난독화 작업을 적용할 로그를 정의합니다.
+
+* <DoNotTranslate>**Obfuscation rule actions**</DoNotTranslate>
+
+  확인할 속성, 난독화할 텍스트, 난독화 방법(마스킹 또는 해싱을 통해)을 정의합니다.
+
+* <DoNotTranslate>**Obfuscation expressions**</DoNotTranslate>
+
+  난독화할 텍스트를 식별하는 정규 표현식으로 명명됩니다.
+
+* <DoNotTranslate>**Masking**</DoNotTranslate>
+
+  정보를 완전히 제거하여 `X` 문자로 바꿉니다. 이 작업이 완료되면 특정 값을 검색할 수 없습니다.
+
+* <DoNotTranslate>**Hashing**</DoNotTranslate>
+
+  정보를 숨깁니다. 해싱 도구를 사용하여 민감한 값의 해시를 가져온 다음 해당 해시가 포함된 로그를 검색할 수 있습니다.
 
 ## 난독화 작동 방식 [#overview]
 
-다음 예제에 표시된 JSON 객체는 Obfuscation API에서 사용되는 페이로드의 단순화입니다. 이렇게 하면 서로 다른 API 작업을 해당 UI에 상응하는 작업과 더 잘 연관시키는 데 도움이 됩니다.
+다음 예에 표시된 JSON 개체는 NerdGraph API에서 사용되는 페이로드를 단순화한 것입니다. 이렇게 하면 다양한 API 작업을 상응하는 UI 작업과 더 잘 연관시키는 데 도움이 됩니다.
 
 ### 예: 난독화 전의 로그 기록 [#example-before]
 
@@ -84,7 +97,11 @@ import obfuscationExp from 'images/log-obfuscation-exp051322.webp'
     id="example-expressions"
     title="2. 표현식이 민감한 데이터를 캡처하는 방법"
   >
-    가장 먼저 해야 할 일은 이 민감한 정보를 캡처할 수 있는 난독화 표현을 정의하는 것입니다.
+    가장 먼저 해야 할 일은 이 민감한 정보를 캡처할 수 있는 난독화 표현식을 정의하는 것입니다.
+
+    <Callout variant="tip">
+      아래 예는 UI에서 직접 사용할 정규식을 보여줍니다. 이 문서의 뒷부분에서는 [NerdGraph](#expressions-create) 에 대해 이러한 정규 표현식의 이스케이프 버전을 사용하는 방법에 대해 논의합니다.
+    </Callout>
 
     <table>
       <thead>
@@ -108,10 +125,10 @@ import obfuscationExp from 'images/log-obfuscation-exp051322.webp'
           <td>
             하이픈으로 구분된 4자리 4개 그룹을 캡처해야 합니다.
 
-            ```json
+            ```
             {
               "name": "Credit Card Number",
-              "regex": "(\d{4}-\d{4}-\d{4}-\d{4})"
+              "regex": "((?:(?:4\d{3})|(?:5[1-5]\d{2})|6(?:011|5[0-9]{2}))(?:-?|\040?)(?:\d{4}(?:-?|\040?)){3}|(?:3[4,7]\d{2})(?:-?|\040?)\d{6}(?:-?|\040?)\d{5})"
             }
             ```
           </td>
@@ -125,7 +142,7 @@ import obfuscationExp from 'images/log-obfuscation-exp051322.webp'
           <td>
             하이픈으로 구분된 3, 2, 4자리의 3개 그룹을 캡처해야 합니다.
 
-            ```json
+            ```
             {
               "name": "Social Security Number",
               "regex": "(\d{3}-\d{2}-\d{4})"
@@ -142,7 +159,7 @@ import obfuscationExp from 'images/log-obfuscation-exp051322.webp'
           <td>
             이 예에서 생년월일은 로그인 서비스의 일부입니다. 주변 단어 `"(born on 01/02/2003)"` 의 날짜 정보를 기반으로 난독화할 부분을 정의합니다.
 
-            ```json
+            ```
             {
               "name": "Born date - loginService specific",
               "regex": "born on (.*)\)"
@@ -155,9 +172,16 @@ import obfuscationExp from 'images/log-obfuscation-exp051322.webp'
 
     각 난독화 표현식은 문자열에서 일부 민감한 정보를 캡처하는 방법(정규식 사용)을 정의하고 나중에 쉽게 식별할 수 있도록 이를 친숙한 이름과 연결합니다.
 
-    난독화 표현식은 재사용 **할 수** 있습니다. 민감한 데이터를 포함하는 로그 속성의 이름을 지정하는 방법에 대해 완전히 불가지론적입니다. 예를 들어 위에 정의된 사회 보장 표현식은 `ssn` , `socialSecurityNumber` 또는 `socSecNum` 라는 로그 속성에 적용될 수 있습니다.
+    난독화 표현식은 재사용이 _가능합니다_ . 민감한 데이터가 포함된 로그 속성의 이름이 어떻게 지정되는지 전혀 알 수 없습니다. 대신 위에 정의된 사회보장 표현식은 `ssn`, `socialSecurityNumber` 또는 `socSecNum` 라는 로그인 속성에 적용될 수 있습니다.
 
-    그러나 여전히 로그 속성의 형식과 밀접하게 연결된 재사용 불가능한 난독화 표현식(예: `Born date (loginService specific)` )을 만들 수 있습니다. 예를 들어, `born on` 및 `before` 뒤에 오는 것을 사용할 수 있습니다.
+    로그 속성의 형식과 밀접하게 결합된 `Born date (loginService specific)` 과 같은 재사용이 불가능한 난독화 표현식을 생성할 수도 있습니다. 예를 들어, `born on` 및 `before` 뒤에 오는 것은 무엇이든 사용할 수 있습니다.
+
+    <Callout
+      variant="caution"
+      title="중첩된 정규식 캡처 그룹은 지원되지 않습니다."
+    >
+      이 기능의 주된 역할은 민감한 데이터를 쉽고 효과적인 방식으로 해시 또는 마스크로 바꾸는 것입니다. 캡처 그룹 내에서 서로 다른 일치 항목을 그룹화하려는 경우 비캡처 그룹 구문 `(?:{EXPRESSION})` 을 사용하여 중첩된 캡처 그룹 생성을 방지해야 합니다. 예를 들어, `(([A-Z]{12})|([a-z]{6}))` 피하고 대신 `((?:[A-Z]{12})|((?:[a-z]{6}))` 사용하세요.
+    </Callout>
   </Collapser>
 
   <Collapser
@@ -238,7 +262,7 @@ import obfuscationExp from 'images/log-obfuscation-exp051322.webp'
 
             * 이 데이터를 난독화하기 위해 적용할 난독화 방법( `HASH_SHA256` 또는 `MASK` )
 
-              GraphQL API를 통해 난독화 규칙을 정의할 때 난독화 표현식의 이름 대신 `id` 을 지정해야 합니다. 이전 예제를 더 읽기 쉽게 만들기 위해 대신 난독화 표현식 이름을 사용했습니다.
+              NerdGraph를 통해 난독화 룰을 정의할 때 이름 대신 난독화 룰의 `id` 지정해야 합니다. 이전 예제를 더 쉽게 읽을 수 있도록 대신 난독화 표현식 이름을 사용했습니다.
           </td>
         </tr>
       </tbody>
@@ -284,24 +308,52 @@ import obfuscationExp from 'images/log-obfuscation-exp051322.webp'
 
 1. 로그에 나타나는 민감한 데이터의 패턴을 식별하여 로그의 형태를 연구하십시오. 예를 들어:
 
-* 모든 로그에 민감한 정보가 포함되어 있습니까? 아니면 좀 더 구체적으로 말씀해 주시겠습니까(서비스 A 또는 지역 B의 로그만)?
-* 신용 카드 번호, 운전 면허증 번호, 주민등록번호, 생체 인식, 기타 값과 같은 민감한 정보가 포함되어 있습니까?
+   * 모든 로그에 민감한 정보가 포함되어 있습니까? 아니면 좀 더 구체적으로 말씀해 주시겠습니까(서비스 A 또는 지역 B의 로그만)?
+   * 신용 카드 번호, 운전 면허증 번호, 주민등록번호, 생체 인식, 기타 값과 같은 민감한 정보가 포함되어 있습니까?
 
 2. 민감한 데이터를 추출하는 방법을 식별하기 위해 난독화 [표현식](#expressions) 을 작성하십시오.
+
 3. 각 로그 세트에 대한 난독화 [규칙](#rules) 을 정의합니다.
 
-* NRQL을 사용하여 캡처하는 방법을 정의합니다.
-* 각각에 적용해야 하는 난독화 조치를 정의하십시오. 자문해 보십시오. 나중에 이 민감한 정보를 사용하여 내 로그를 쿼리해야 합니까( `HASH` 사용 고려), 아니면 이 정보를 내 로그에서 완전히 제거해야 하나요( `MASK` 사용 고려)?
+   * NRQL을 사용하여 캡처하는 방법을 정의합니다.
+   * 각각에 적용해야 하는 난독화 조치를 정의하십시오. 자문해 보십시오. 나중에 이 민감한 정보를 사용하여 내 로그를 쿼리해야 합니까( `HASH` 사용 고려), 아니면 이 정보를 내 로그에서 완전히 제거해야 하나요( `MASK` 사용 고려)?
 
 <Callout variant="tip">
-  **로그 난독화** UI에는 알려진 값에서 해시를 찾고 다른 표현식 및 규칙과 함께 사용하기 위해 복사할 수 있는 **해싱 도구** 가 포함되어 있습니다.
+  <DoNotTranslate>**Logs obfuscation**</DoNotTranslate> UI에는 알려진 값에서 해시를 찾아 복사하여 다른 표현식 및 규칙과 함께 사용할 수 있도록 <DoNotTranslate>**Hashing tool**</DoNotTranslate> 가 포함되어 있습니다.
 </Callout>
 
 ## CPU 제한 [#cpu-limits]
 
-난독화에는 분당 CPU 제한이 있습니다. 계정이 리소스 제한에 도달하면 예상대로 로그가 난독화되지 않습니다. CPU 제한을 확인하려면 New Relic **Data 관리** UI의 [시스템 **제한** 페이지](/docs/data-apis/manage-data/view-system-limits/#limits-ui) 로 이동하십시오.
+난독화에는 분당 CPU 제한이 있습니다. 계정이 이러한 리소스 제한에 도달하면 로그가 예상대로 난독화되지 않습니다. CPU 한도를 확인하려면 <DoNotTranslate>**Data management**</DoNotTranslate> UI의 [시스템 <DoNotTranslate>**Limits**</DoNotTranslate> 페이지](/docs/data-apis/manage-data/view-system-limits/#limits-ui) 로 이동하세요.
 
-**로그 난독화** UI의 **상태** 탭을 사용하여 난독화 규칙이 얼마나 잘 작동하고 있는지, 건너뛰는지, 미세 조정이 필요한지 여부를 평가할 수도 있습니다. 난독화 규칙은 CPU를 많이 사용하므로 이러한 차트는 리소스 제한의 가장 큰 영향을 받는 규칙을 결정하는 데 도움이 됩니다.
+분당 난독화 CPU 한도를 초과하고 로그를 난독화할 수 없거나 이미 난독화 룰이 적용된 속성은 <DoNotTranslate>**dropped**</DoNotTranslate> 되고 속성이 삭제된 이유를 나타내는 텍스트로 대체됩니다. 예를 들어 난독화 규칙이 `message` 필드에 적용되고 분당 CPU 제한에 도달하면 결과 로그는 다음과 같습니다.
+
+```json
+{
+  ...
+  "message": "<OBFUSCATION> The account is over its obfuscation per-minute limit, attribute dropped",
+  ...
+}
+```
+
+이는 PII 또는 기타 민감한 데이터가 실수로 수집되는 것을 방지하기 위한 것입니다.
+
+또한 다음 \`NrIntegrationError'가 계정에 기록됩니다.
+
+```json
+{
+  "category": "RateLimit",
+  "level": "error",
+  "limitName": "Log API obfuscation per account per minute",
+  "message": "You’ve exceeded our limit of per-account obfuscation time per-minute for the Log ingestion pipeline. Please reduce your usage or contact New Relic support.",
+  "name": "ObfuscationTimeLimitReached",
+  "newRelicFeature": "Logs",
+  "rateLimitType": "ObfuscationTimePerMinute",
+  "timestamp": 1678819264283
+}
+```
+
+난독화 룰이 얼마나 잘 작동하는지 평가하고 어느 것을 건너뛰고 있는지 확인하려면 <DoNotTranslate>**Logs Obfuscation > Health**</DoNotTranslate> 으로 이동하세요. 난독화 규칙은 CPU 집약적이므로 이 차트는 리소스 제한으로 인해 어떤 규칙이 가장 큰 영향을 받는지 결정하는 데 도움이 될 수 있습니다.
 
 ## 난독화 표현 [#expressions]
 
@@ -310,11 +362,11 @@ New Relic UI를 사용하거나 GraphQL Explorer인 NerdGraph를 사용하여 
 <img
   title="Logs obfuscation expressions in UI"
   alt="Screenshot of Logs obfuscation expressions UI"
-  src={obfuscationExp}
+  src={logsLogObfuscationExpression}
 />
 
 <figcaption>
-  **[one.newrelic.com](https://one.newrelic.com) > 로그 > 난독화** : 먼저 하나 이상의 난독화 표현식을 생성한 다음 난독화 규칙을 생성합니다.
+  <DoNotTranslate>**[one.newrelic.com > All capabilities](https://one.newrelic.com/all-capabilities) > Logs > Obfuscation**</DoNotTranslate>: 먼저 하나 이상의 난독화 룰을 생성한 다음 난독화 룰을 생성하세요.
 </figcaption>
 
 <CollapserGroup>
@@ -324,29 +376,33 @@ New Relic UI를 사용하거나 GraphQL Explorer인 NerdGraph를 사용하여 
   >
     다음 옵션 중 하나를 사용하여 난독화 표현을 만듭니다.
 
-    **로그 UI 사용:**
+    <DoNotTranslate>
+      **Using the logs UI:**
+    </DoNotTranslate>
 
-    1. **[one.newrelic.com](https://one.newrelic.com) > Logs** 로 이동하고 왼쪽 탐색 메뉴에서 **Obfuscation** 을 선택합니다.
+    1. <DoNotTranslate>**[one.newrelic.com > All capabilities](https://one.newrelic.com/all-capabilities) > Logs**</DoNotTranslate> 으로 이동하고 왼쪽 탐색 메뉴에서 <DoNotTranslate>**Obfuscation**</DoNotTranslate> 선택합니다.
 
-    2. **정규식 만들기** 를 클릭합니다.
+    2. <DoNotTranslate>**Create regex**</DoNotTranslate> 을(를) 클릭합니다.
 
     3. 캡처하려는 민감한 데이터와 일치하는 정규식뿐만 아니라 새 난독화 규칙의 이름을 입력합니다. [RE2 구문](https://github.com/google/re2/wiki/Syntax) 을 사용합니다.
 
        다음 예는 신용 카드 번호와 일치하는 기본 난독화 표현식을 보여줍니다.
 
        <img
-         title="Create an obfuscation expression using the Logs UI"
-         alt="Create an obfuscation expression using the Logs UI"
-         src={obfuscationCreateExpression}
+         title="Create an obfuscation expression using the logs UI"
+         alt="Create an obfuscation expression using the logs UI"
+         src={logsObfuscationCreateExpression}
        />
 
-       **NerdGraph 사용:**
+    <DoNotTranslate>
+      **Using NerdGraph:**
+    </DoNotTranslate>
 
-       `logConfigurations` 아래에서 `logConfigurationsCreateObfuscationExpression` 뮤테이터를 사용합니다. GraphiQL의 채워진 예제와 api.newrelic.com/graphiql의 관련 문서 [**를 참조**](https://api.newrelic.com/graphiql#query=mutation%20%7B%0A%20%20logConfigurationsCreateObfuscationExpression%28accountId%3A%201234%2C%20expression%3A%20%7Bname%3A%20%22Credit%20Card%20Number%22%2C%20regex%3A%20%22%28%5C%5Cd%7B4%7D-%5C%5Cd%7B4%7D-%5C%5Cd%7B4%7D-%5C%5Cd%7B4%7D%29%22%2C%20description%3A%20%22Reusable%20expression%20to%20capture%20credit%20card%20numbers%22%7D%29%20%7B%0A%20%20%20%20id%0A%20%20%20%20name%0A%20%20%20%20regex%0A%20%20%20%20description%0A%20%20%20%20createdAt%0A%20%20%20%20createdBy%20%7B%0A%20%20%20%20%20%20name%0A%20%20%20%20%20%20email%0A%20%20%20%20%7D%0A%20%20%7D%0A%7D%0A) 하십시오.
+    `logConfigurations` 아래에서 `logConfigurationsCreateObfuscationExpression` 변형을 사용합니다. GraphiQL에 채워진 예제와 [<DoNotTranslate>**api.newrelic.com/graphiql**</DoNotTranslate>](https://api.newrelic.com/graphiql#query=mutation%20%7B%0A%20%20logConfigurationsCreateObfuscationExpression%28accountId%3A%201234%2C%20expression%3A%20%7Bname%3A%20%22Credit%20Card%20Number%22%2C%20regex%3A%20%22%28%5C%5Cd%7B4%7D-%5C%5Cd%7B4%7D-%5C%5Cd%7B4%7D-%5C%5Cd%7B4%7D%29%22%2C%20description%3A%20%22Reusable%20expression%20to%20capture%20credit%20card%20numbers%22%7D%29%20%7B%0A%20%20%20%20id%0A%20%20%20%20name%0A%20%20%20%20regex%0A%20%20%20%20description%0A%20%20%20%20createdAt%0A%20%20%20%20createdBy%20%7B%0A%20%20%20%20%20%20name%0A%20%20%20%20%20%20email%0A%20%20%20%20%7D%0A%20%20%7D%0A%7D%0A) 의 관련 문서를 참조하세요.
 
-       <Callout variant="important">
-         NerdGraph를 통해 도입할 때 `regex` 을 이스케이프해야 합니다. `(\\d{4}-\\d{4}-\\d{4}-\\d{4})`
-       </Callout>
+    <Callout variant="important">
+      NerdGraph에서 정규식을 사용할 때는 정규식을 이스케이프해야 합니다. 예를 들어: `((?:(?:4\\d{3})|(?:5[1-5]\\d{2})|6(?:011|5[0-9]{2}))(?:-?|\\040?)(?:\\d{4}(?:-?|\\040?)){3}|(?:3[4,7]\\d{2})(?:-?|\\040?)\\d{6}(?:-?|\\040?)\\d{5})`
+    </Callout>
   </Collapser>
 
   <Collapser
@@ -355,15 +411,29 @@ New Relic UI를 사용하거나 GraphQL Explorer인 NerdGraph를 사용하여 
   >
     다음 옵션 중 하나를 사용하여 난독화 표현식을 쿼리합니다.
 
-    **로그 UI 사용:**
+    <DoNotTranslate>
+      **Using the logs UI:**
+    </DoNotTranslate>
+
+    1. <DoNotTranslate>**[one.newrelic.com > All capabilities](https://one.newrelic.com/all-capabilities) > Logs**</DoNotTranslate>
+
+       으로 이동하고 왼쪽 탐색 메뉴에서
+
+       <DoNotTranslate>**Obfuscation**</DoNotTranslate>
 
-    1. **[one.newrelic.com](https://one.newrelic.com) > Logs** 로 이동하고 왼쪽 탐색 메뉴에서 **Obfuscation** 을 선택합니다.
+       선택합니다.
 
-    2. 사용 가능한 모든 난독화 표현식과 해당 정의를 보려면 **표현식** 탭을 선택하십시오.
+    2. 사용 가능한 난독화 표현식과 해당 정의를 모두 보려면
 
-       **NerdGraph 사용:**
+       <DoNotTranslate>**Expressions**</DoNotTranslate>
 
-       `actor.account.logConfigurations` 아래의 `obfuscationExpressions` 가져오기를 사용합니다. GraphiQL의 채워진 예제와 api.newrelic.com/graphiql의 관련 문서 [**를 참조**](https://api.newrelic.com/graphiql?#query=%7B%0A%20%20actor%20%7B%0A%20%20%20%20account%28id%3A%201234%29%20%7B%0A%20%20%20%20%20%20logConfigurations%20%7B%0A%20%20%20%20%20%20%20%20obfuscationExpressions%20%7B%0A%20%20%20%20%20%20%20%20%20%20id%0A%20%20%20%20%20%20%20%20%20%20name%0A%20%20%20%20%20%20%20%20%20%20regex%0A%20%20%20%20%20%20%20%20%20%20description%0A%20%20%20%20%20%20%20%20%20%20createdAt%0A%20%20%20%20%20%20%20%20%20%20createdBy%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20name%0A%20%20%20%20%20%20%20%20%20%20%20%20email%0A%20%20%20%20%20%20%20%20%20%20%7D%0A%20%20%20%20%20%20%20%20%20%20updatedAt%0A%20%20%20%20%20%20%20%20%20%20updatedBy%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20name%0A%20%20%20%20%20%20%20%20%20%20%20%20email%0A%20%20%20%20%20%20%20%20%20%20%7D%0A%20%20%20%20%20%20%20%20%7D%0A%20%20%20%20%20%20%7D%0A%20%20%20%20%7D%0A%20%20%7D%0A%7D%0A) 하십시오.
+       탭을 선택하세요.
+
+    <DoNotTranslate>
+      **Using NerdGraph:**
+    </DoNotTranslate>
+
+    `actor.account.logConfigurations` 아래의 `obfuscationExpressions` 가져오기 도구를 사용하세요. GraphiQL에 채워진 예제와 [<DoNotTranslate>**api.newrelic.com/graphiql**</DoNotTranslate>](https://api.newrelic.com/graphiql?#query=%7B%0A%20%20actor%20%7B%0A%20%20%20%20account%28id%3A%201234%29%20%7B%0A%20%20%20%20%20%20logConfigurations%20%7B%0A%20%20%20%20%20%20%20%20obfuscationExpressions%20%7B%0A%20%20%20%20%20%20%20%20%20%20id%0A%20%20%20%20%20%20%20%20%20%20name%0A%20%20%20%20%20%20%20%20%20%20regex%0A%20%20%20%20%20%20%20%20%20%20description%0A%20%20%20%20%20%20%20%20%20%20createdAt%0A%20%20%20%20%20%20%20%20%20%20createdBy%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20name%0A%20%20%20%20%20%20%20%20%20%20%20%20email%0A%20%20%20%20%20%20%20%20%20%20%7D%0A%20%20%20%20%20%20%20%20%20%20updatedAt%0A%20%20%20%20%20%20%20%20%20%20updatedBy%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20name%0A%20%20%20%20%20%20%20%20%20%20%20%20email%0A%20%20%20%20%20%20%20%20%20%20%7D%0A%20%20%20%20%20%20%20%20%7D%0A%20%20%20%20%20%20%7D%0A%20%20%20%20%7D%0A%20%20%7D%0A%7D%0A) 의 관련 문서를 참조하세요.
   </Collapser>
 
   <Collapser
@@ -372,25 +442,26 @@ New Relic UI를 사용하거나 GraphQL Explorer인 NerdGraph를 사용하여 
   >
     난독화 표현을 업데이트하려면 다음 옵션 중 하나를 사용하세요.
 
-    **로그 UI 사용:**
-
-    1. **[one.newrelic.com](https://one.newrelic.com) > Logs** 로 이동하고 왼쪽 탐색 메뉴에서 **Obfuscation** 을 선택합니다.
-
-    2. **표현식** 탭을 선택합니다.
-
-    3. 수정하려는 난독화 표현의 오른쪽에 있는 점 3개 메뉴 **...** 를 클릭하고 **수정** 을 클릭합니다.
+    <DoNotTranslate>
+      **Using the logs UI:**
+    </DoNotTranslate>
 
-    4. 필요에 따라 필드를 수정하고 **업데이트** 를 클릭합니다.
+    1. <DoNotTranslate>**[one.newrelic.com > All capabilities](https://one.newrelic.com/all-capabilities) > Logs**</DoNotTranslate> 으로 이동하고 왼쪽 탐색 메뉴에서 <DoNotTranslate>**Obfuscation**</DoNotTranslate> 선택합니다.
+    2. <DoNotTranslate>**Expressions**</DoNotTranslate> 탭을 선택합니다.
+    3. 편집하려는 난독화 표현식 오른쪽에 있는 줄임표 아이콘 <DoNotTranslate>**...**</DoNotTranslate> 을 클릭하고 <DoNotTranslate>**Edit**</DoNotTranslate> 클릭합니다.
+    4. 필요에 따라 필드를 수정하고 <DoNotTranslate>**Update**</DoNotTranslate> 클릭합니다.
 
-       **NerdGraph 사용:**
+    <DoNotTranslate>
+      **Using NerdGraph:**
+    </DoNotTranslate>
 
-       `logConfigurations` 아래에서 `logConfigurationsUpdateObfuscationExpression` 뮤테이터를 사용합니다. GraphiQL의 채워진 예제와 api.newrelic.com/graphiql의 관련 문서 [**를 참조**](https://api.newrelic.com/graphiql?#query=mutation%20%7B%0A%20%20logConfigurationsUpdateObfuscationExpression%28accountId%3A%201234%2C%20expression%3A%20%7Bname%3A%20%22Credit%20Card%20Number%20-%20EDITED%22%2C%20regex%3A%20%22%28%5C%5Cd%7B4%7D-%5C%5Cd%7B4%7D-%5C%5Cd%7B4%7D-%5C%5Cd%7B4%7D%29%22%2C%20description%3A%20%22Reusable%20expression%20to%20capture%20credit%20card%20numbers%20-%20EDITED%22%2C%20id%3A%20%225678%22%7D%29%20%7B%0A%20%20%20%20id%0A%20%20%20%20name%0A%20%20%20%20regex%0A%20%20%20%20description%0A%20%20%20%20createdAt%0A%20%20%20%20createdBy%20%7B%0A%20%20%20%20%20%20name%0A%20%20%20%20%20%20email%0A%20%20%20%20%7D%0A%20%20%20%20updatedAt%0A%20%20%20%20updatedBy%20%7B%0A%20%20%20%20%20%20name%0A%20%20%20%20%20%20email%0A%20%20%20%20%7D%0A%20%20%7D%0A%7D%0A) 하십시오.
+    `logConfigurations` 아래에서 `logConfigurationsUpdateObfuscationExpression` 변형을 사용합니다. GraphiQL에 채워진 예제와 [<DoNotTranslate>**api.newrelic.com/graphiql**</DoNotTranslate>](https://api.newrelic.com/graphiql?#query=mutation%20%7B%0A%20%20logConfigurationsUpdateObfuscationExpression%28accountId%3A%201234%2C%20expression%3A%20%7Bname%3A%20%22Credit%20Card%20Number%20-%20EDITED%22%2C%20regex%3A%20%22%28%5C%5Cd%7B4%7D-%5C%5Cd%7B4%7D-%5C%5Cd%7B4%7D-%5C%5Cd%7B4%7D%29%22%2C%20description%3A%20%22Reusable%20expression%20to%20capture%20credit%20card%20numbers%20-%20EDITED%22%2C%20id%3A%20%225678%22%7D%29%20%7B%0A%20%20%20%20id%0A%20%20%20%20name%0A%20%20%20%20regex%0A%20%20%20%20description%0A%20%20%20%20createdAt%0A%20%20%20%20createdBy%20%7B%0A%20%20%20%20%20%20name%0A%20%20%20%20%20%20email%0A%20%20%20%20%7D%0A%20%20%20%20updatedAt%0A%20%20%20%20updatedBy%20%7B%0A%20%20%20%20%20%20name%0A%20%20%20%20%20%20email%0A%20%20%20%20%7D%0A%20%20%7D%0A%7D%0A) 의 관련 문서를 참조하세요.
 
-       <Callout variant="important">
-         NerdGraph를 통해 도입할 때 `regex` 을 이스케이프해야 합니다. `(\\d{4}-\\d{4}-\\d{4}-\\d{4})`
-       </Callout>
+    <Callout variant="important">
+      NerdGraph에서 정규식을 사용할 때는 정규식을 이스케이프해야 합니다. 예를 들어: `((?:(?:4\\d{3})|(?:5[1-5]\\d{2})|6(?:011|5[0-9]{2}))(?:-?|\\040?)(?:\\d{4}(?:-?|\\040?)){3}|(?:3[4,7]\\d{2})(?:-?|\\040?)\\d{6}(?:-?|\\040?)\\d{5})`
+    </Callout>
 
-       난독화 표현식을 업데이트할 때 모든 필드를 지정할 필요는 없으며 id(필수)와 수정하려는 필드만 지정할 수 있습니다.
+    난독화 표현식을 업데이트할 때 모든 필드를 지정할 필요는 없으며 id(필수)와 수정하려는 필드만 지정할 수 있습니다.
   </Collapser>
 
   <Collapser
@@ -403,21 +474,227 @@ New Relic UI를 사용하거나 GraphQL Explorer인 NerdGraph를 사용하여 
 
     난독화 표현식을 삭제하려면 다음 옵션 중 하나를 사용하십시오.
 
-    **로그 UI 사용:**
+    <DoNotTranslate>
+      **Using the logs UI:**
+    </DoNotTranslate>
+
+    1. <DoNotTranslate>**[one.newrelic.com > All capabilities](https://one.newrelic.com/all-capabilities) > Logs**</DoNotTranslate> 으로 이동하고 왼쪽 탐색 메뉴에서 <DoNotTranslate>**Obfuscation**</DoNotTranslate> 선택합니다.
+    2. <DoNotTranslate>**Expressions**</DoNotTranslate> 탭을 선택합니다.
+    3. 삭제하려는 난독화 표현식 오른쪽에 있는 줄임표 아이콘 <DoNotTranslate>**...**</DoNotTranslate> 을 클릭하고 <DoNotTranslate>**Delete**</DoNotTranslate> 클릭합니다.
+    4. <DoNotTranslate>**Delete**</DoNotTranslate> 클릭하여 표현식 삭제를 확인합니다.
+
+    <DoNotTranslate>
+      **Using NerdGraph:**
+    </DoNotTranslate>
+
+    `logConfigurations` 아래에서 `logConfigurationsDeleteObfuscationExpression` 변형을 사용합니다. GraphiQL에 채워진 예제와 [<DoNotTranslate>**api.newrelic.com/graphiql**</DoNotTranslate>](https://api.newrelic.com/graphiql?#query=mutation%20%7B%0A%20%20logConfigurationsDeleteObfuscationExpression%28accountId%3A%201234%2C%20id%3A%205678%29%20%7B%0A%20%20%20%20id%0A%20%20%20%20name%0A%20%20%20%20regex%0A%20%20%20%20description%0A%20%20%20%20createdAt%0A%20%20%20%20createdBy%20%7B%0A%20%20%20%20%20%20email%0A%20%20%20%20%20%20name%0A%20%20%20%20%7D%0A%20%20%20%20updatedAt%0A%20%20%20%20updatedBy%20%7B%0A%20%20%20%20%20%20email%0A%20%20%20%20%20%20name%0A%20%20%20%20%7D%0A%20%20%7D%0A%7D%0A) 의 관련 문서를 참조하세요.
+
+    돌연변이는 삭제되기 전에 표현식의 스냅샷을 반환합니다.
+  </Collapser>
+</CollapserGroup>
+
+## 샘플 표현식 [#samples]
+
+아래에는 가장 일반적인 민감한 데이터 유형 중 일부를 난독화하기 위한 몇 가지 샘플 정규 표현식이 제공되어 있습니다. 난독화 찾기는 해당 표현이 사용될 각 뉴렐릭 계정에 대해 생성되어야 합니다.
+
+<Callout variant="tip">
+  다음 예는 UI에서 사용할 수 있는 정규식입니다. GraphQL에서 이를 사용하려면 이 [예제](#expressions-create) 에 표시된 대로 이스케이프해야 합니다.
+</Callout>
+
+<CollapserGroup>
+  <Collapser
+    id="ssn"
+    title="미국 사회 보장 번호"
+  >
+    <DoNotTranslate>
+      **Expression:**
+    </DoNotTranslate>
+
+    ```
+    (\d{3}[-\s\.]?\d{2}[-\s\.]?\d{4})
+    ```
+  </Collapser>
+
+  <Collapser
+    id="ccn"
+    title="신용 카드 번호"
+  >
+    <DoNotTranslate>
+      **Expression:**
+    </DoNotTranslate>
+
+    ```
+    ((?:(?:4\d{3})|(?:5[1-5]\d{2})|6(?:011|5[0-9]{2}))(?:-?|\040?)(?:\d{4}(?:-?|\040?)){3}|(?:3[4,7]\d{2})(?:-?|\040?)\d{6}(?:-?|\040?)\d{5})
+    ```
+  </Collapser>
+
+  <Collapser
+    id="dob"
+    title="미국 생년월일"
+  >
+    <DoNotTranslate>
+      **Expression:**
+    </DoNotTranslate>
+
+    ```
+    ((?:\d{2})?\d\d(?:\\)?(?:\/)?\d\d(?:\\)?(?:\/)?\d{2}(?:\d{2})?)
+    ```
+  </Collapser>
+
+  <Collapser
+    id="email"
+    title="이메일 주소"
+  >
+    <DoNotTranslate>
+      **Expression:**
+    </DoNotTranslate>
+
+    ```
+    ([a-zA-Z0-9!#$'*+?^_`{|}~.-]+(?:@|%40)(?:[a-zA-Z0-9-]+\.)+[a-zA-Z0-9-]+)
+    ```
+  </Collapser>
+
+  <Collapser
+    id="ipv4"
+    title="IP 주소(ipv4)"
+  >
+    <DoNotTranslate>
+      **Expression:**
+    </DoNotTranslate>
+
+    ```
+    ^([0-9]{1,3})\.([0-9]{1,3})\.([0-9]{1,3})\.([0-9]{1,3})$
+    ```
+  </Collapser>
+
+  <Collapser
+    id="usstreetaddress"
+    title="미국 거리 주소"
+  >
+    <DoNotTranslate>
+      **Expression:**
+    </DoNotTranslate>
+
+    ```
+    /\d{1,}(\s{1}\w{1,})(\s{1}?\w{1,})/g
+    ```
+  </Collapser>
+
+  <Collapser
+    id="usphone"
+    title="미국 전화번호"
+  >
+    <DoNotTranslate>
+      **Expression:**
+    </DoNotTranslate>
+
+    ```
+    (^[\+]?[1]?[\W]?[(]?[0-9]{3}[)]?[-\s\.]?[0-9]{3}[-\s\.]?[0-9]{4})
+    ```
+  </Collapser>
+
+  <Collapser
+    id="uspassport"
+    title="미국 여권 번호"
+  >
+    <DoNotTranslate>
+      **Expression:**
+    </DoNotTranslate>
+
+    ```
+    ([a-zA-Z]?\d?\d{5,8})
+    ```
+  </Collapser>
+
+  <Collapser
+    id="uknino"
+    title="영국 국민보험번호(NINO)"
+  >
+    <DoNotTranslate>
+      **Expression:**
+    </DoNotTranslate>
+
+    ```
+    ([a-zA-Z]{2}[-\s]?\d{2}[-\s]?\d{2}[-\s]?\d{2}[-\s]?[a-dA-D])
+    ```
+  </Collapser>
+
+  <Collapser
+    id="spainnid"
+    title="스페인 국가 신분증(NIE/DNI/NIF)"
+  >
+    <DoNotTranslate>
+      **Expression:**
+    </DoNotTranslate>
+
+    ```
+    ([a-zA-Z]?[-\s]?\d{7,8}[-\s]?[a-zA-Z])
+    ```
+  </Collapser>
+
+  <Collapser
+    id="indiapanid"
+    title="인도 PAN ID"
+  >
+    <DoNotTranslate>
+      **Expression:**
+    </DoNotTranslate>
 
-    1. **[one.newrelic.com](https://one.newrelic.com) > Logs** 로 이동하고 왼쪽 탐색 메뉴에서 **Obfuscation** 을 선택합니다.
+    ```
+    ^([a-zA-Z]){5}([0-9]){4}([a-zA-Z]){1}?$
+    ```
+  </Collapser>
 
-    2. **표현식** 탭을 선택합니다.
+  <Collapser
+    id="indiaaadhaar"
+    title="인도 AADHAAR ID"
+  >
+    <DoNotTranslate>
+      **Expression:**
+    </DoNotTranslate>
 
-    3. 삭제할 난독화 표현 오른쪽에 있는 점 세 개 메뉴 **...** 를 클릭하고 **삭제** 를 클릭합니다.
+    ```
+    ^([2-9]{1}[0-9]{3}\s\d{4}\s\d{4})$
+    ```
+  </Collapser>
 
-    4. **삭제** 를 클릭하여 표현식을 삭제할 것인지 확인합니다.
+  <Collapser
+    id="caphin"
+    title="캐나다 개인 건강/사회 보험 번호(PHIN/SIN)"
+  >
+    <DoNotTranslate>
+      **Expression:**
+    </DoNotTranslate>
 
-       **NerdGraph 사용:**
+    ```
+    (\d{3}[-\s\.]?\d{3}[-\s\.]?\d{3})
+    ```
+  </Collapser>
 
-       `logConfigurations` 아래에서 `logConfigurationsDeleteObfuscationExpression` 뮤테이터를 사용합니다. GraphiQL의 채워진 예제와 api.newrelic.com/graphiql의 관련 문서 [**를 참조**](https://api.newrelic.com/graphiql?#query=mutation%20%7B%0A%20%20logConfigurationsDeleteObfuscationExpression%28accountId%3A%201234%2C%20id%3A%205678%29%20%7B%0A%20%20%20%20id%0A%20%20%20%20name%0A%20%20%20%20regex%0A%20%20%20%20description%0A%20%20%20%20createdAt%0A%20%20%20%20createdBy%20%7B%0A%20%20%20%20%20%20email%0A%20%20%20%20%20%20name%0A%20%20%20%20%7D%0A%20%20%20%20updatedAt%0A%20%20%20%20updatedBy%20%7B%0A%20%20%20%20%20%20email%0A%20%20%20%20%20%20name%0A%20%20%20%20%7D%0A%20%20%7D%0A%7D%0A) 하십시오.
+  <Collapser
+    id="cahcn"
+    title="캐나다 건강 카드 번호"
+  >
+    <DoNotTranslate>
+      **Expression:**
+    </DoNotTranslate>
 
-       돌연변이는 삭제되기 전에 표현식의 스냅샷을 반환합니다.
+    ```
+    (\d{10})
+    ```
+  </Collapser>
+
+  <Collapser
+    id="japanid"
+    title="일본 국민 식별 번호(마이 넘버)"
+  >
+    <DoNotTranslate>
+      **Expression:**
+    </DoNotTranslate>
+
+    ```
+    (d{4}\sd{4}\sd{4})
+    ```
   </Collapser>
 </CollapserGroup>
 
@@ -432,36 +709,41 @@ New Relic UI를 사용하거나 GraphQL Explorer인 NerdGraph를 사용하여 
   >
     다음 옵션 중 하나를 사용하여 난독화 규칙을 만듭니다.
 
-    **로그 UI 사용:**
+    <DoNotTranslate>
+      **Using the logs UI:**
+    </DoNotTranslate>
 
-    1. **[one.newrelic.com](https://one.newrelic.com) > Logs** 로 이동하고 왼쪽 탐색 메뉴에서 **Obfuscation** 을 선택합니다.
-    2. **난독화 규칙 만들기** 를 클릭합니다.
-    3. 난독화하려는 대상 로그 세트를 캡처하기 위해 새 난독화 규칙의 이름과 일치 기준(NRQL 형식)을 입력합니다.
-    4. 새 `actions` (첫 번째 항목이 자동으로 추가됨)을 추가하여 난독화 표현식(정규식)을 지정하여 각 속성 집합을 캡처하고 속성을 `MASK` 할지 `HASH` 할지 여부를 지정합니다.
+    1. <DoNotTranslate>**[one.newrelic.com > All capabilities](https://one.newrelic.com/all-capabilities) > Logs**</DoNotTranslate> 으로 이동하고 왼쪽 탐색 메뉴에서 <DoNotTranslate>**Obfuscation**</DoNotTranslate> 선택합니다.
 
-    * 여러 속성을 쉼표로 구분하여 지정할 수 있습니다.
+    2. <DoNotTranslate>**Create obfuscation rule**</DoNotTranslate> 을(를) 클릭합니다.
 
-    * `MASK` 일치하는 모든 문자를 `X` es로 바꿉니다. `MASK` 을 사용하면 나중에 특정 난독화된 값을 쿼리할 수 없습니다.
+    3. 난독화하려는 대상 로그 세트를 캡처하기 위해 새 난독화 규칙의 이름과 일치 기준(NRQL 형식)을 입력합니다.
 
-    * `HASH` 민감한 데이터를 SHA-256 해시 값으로 대체합니다. `HASH` 을 사용하는 경우 일반 텍스트 값을 알고 있는 경우 해시 도구를 사용하여 쿼리할 수 있습니다.
+    4. 새 `actions` (첫 번째 항목이 자동으로 추가됨)을 추가하여 난독화 표현식(정규식)을 지정하여 각 속성 집합을 캡처하고 속성을 `MASK` 할지 `HASH` 할지 여부를 지정합니다.
 
-      규칙은 다음과 같아야 합니다.
+       * 여러 속성을 쉼표로 구분하여 지정할 수 있습니다.
+       * `MASK` 일치하는 모든 문자를 `X` es로 바꿉니다. `MASK` 을 사용하면 나중에 특정 난독화된 값을 쿼리할 수 없습니다.
+       * `HASH` 민감한 데이터를 SHA-256 해시 값으로 대체합니다. `HASH` 을 사용하는 경우 일반 텍스트 값을 알고 있는 경우 해시 도구를 사용하여 쿼리할 수 있습니다.
 
-      <img
-        title="Create an obfuscation rule using the Logs UI"
-        alt="Create an obfuscation rule using the Logs UI"
-        src={obfuscationCreateRuleUi}
-      />
+       규칙은 다음과 같아야 합니다.
 
-    5. **규칙 만들기** 를 클릭하여 난독화 규칙을 만들고 활성화합니다.
+       <img
+         title="Create an obfuscation rule using the logs UI"
+         alt="Create an obfuscation rule using the logs UI"
+         src={logsLogObfuscationCreateRule}
+       />
 
-       **NerdGraph 사용:**
+    5. 난독화 룰을 생성하고 활성화하려면 <DoNotTranslate>**Create rule**</DoNotTranslate> 클릭하세요.
 
-       `logConfigurations` 아래에서 `logConfigurationsCreateObfuscationRule` 뮤테이터를 사용합니다. GraphiQL의 채워진 예제와[ **api.newrelic.com/graphiq**](https://api.newrelic.com/graphiql?#query=mutation%20%7B%0A%20%20logConfigurationsCreateObfuscationRule%28accountId%3A%201234%2C%20rule%3A%20%7Bname%3A%20%22Obfuscate%20Login%20Service%20Logs%22%2C%20description%3A%20%22Removes%20PII%20from%20the%20Login%20Service%20Logs%20owned%20by%20the%20Sales%20department.%20Do%20not%20modify%20this%20rule%20without%20contacting%20the%20Sales%20team%20first.%22%2C%20filter%3A%20%22serviceName%20%3D%20%27loginService%27%20AND%20department%20%3D%20%27sales%27%22%2C%20enabled%3A%20true%2C%20actions%3A%20%5B%7Battributes%3A%20%5B%22message%22%2C%20%22creditCardNumber%22%5D%2C%20expressionId%3A%20%2212%22%2C%20method%3A%20HASH_SHA256%7D%2C%20%7Battributes%3A%20%5B%22message%22%5D%2C%20expressionId%3A%20%2234%22%2C%20method%3A%20MASK%7D%2C%20%7Battributes%3A%20%5B%22message%22%2C%20%22ssn%22%5D%2C%20expressionId%3A%20%2256%22%2C%20method%3A%20HASH_SHA256%7D%5D%7D%29%20%7B%0A%20%20%20%20id%0A%20%20%20%20name%0A%20%20%20%20description%0A%20%20%20%20filter%0A%20%20%20%20enabled%0A%20%20%20%20actions%20%7B%0A%20%20%20%20%20%20attributes%0A%20%20%20%20%20%20expression%20%7B%0A%20%20%20%20%20%20%20%20name%0A%20%20%20%20%20%20%7D%0A%20%20%20%20%20%20method%0A%20%20%20%20%7D%0A%20%20%20%20createdAt%0A%20%20%20%20createdBy%20%7B%0A%20%20%20%20%20%20name%0A%20%20%20%20%20%20email%0A%20%20%20%20%7D%0A%20%20%20%20updatedAt%0A%20%20%20%20updatedBy%20%7B%0A%20%20%20%20%20%20name%0A%20%20%20%20%20%20email%0A%20%20%20%20%7D%0A%20%20%7D%0A%7D%0A)l의 관련 문서를 참조하십시오.
+    <DoNotTranslate>
+      **Using NerdGraph:**
+    </DoNotTranslate>
 
-       <Callout variant="important">
-         주어진 난독화 작업에 연결하려면 난독화 `expressionId` 를 지정해야 합니다. 이 ID를 검색하려면 [`obfuscationRules` 을 쿼리](#rules-read) 할 수 있습니다.
-       </Callout>
+    `logConfigurations` 아래에서 `logConfigurationsCreateObfuscationRule` 변형을 사용합니다. GraphiQL에 채워진 예제와 [<DoNotTranslate>**api.newrelic.com/graphiql**</DoNotTranslate>](https://api.newrelic.com/graphiql?#query=mutation%20%7B%0A%20%20logConfigurationsCreateObfuscationRule%28accountId%3A%201234%2C%20rule%3A%20%7Bname%3A%20%22Obfuscate%20Login%20Service%20Logs%22%2C%20description%3A%20%22Removes%20PII%20from%20the%20Login%20Service%20Logs%20owned%20by%20the%20Sales%20department.%20Do%20not%20modify%20this%20rule%20without%20contacting%20the%20Sales%20team%20first.%22%2C%20filter%3A%20%22serviceName%20%3D%20%27loginService%27%20AND%20department%20%3D%20%27sales%27%22%2C%20enabled%3A%20true%2C%20actions%3A%20%5B%7Battributes%3A%20%5B%22message%22%2C%20%22creditCardNumber%22%5D%2C%20expressionId%3A%20%2212%22%2C%20method%3A%20HASH_SHA256%7D%2C%20%7Battributes%3A%20%5B%22message%22%5D%2C%20expressionId%3A%20%2234%22%2C%20method%3A%20MASK%7D%2C%20%7Battributes%3A%20%5B%22message%22%2C%20%22ssn%22%5D%2C%20expressionId%3A%20%2256%22%2C%20method%3A%20HASH_SHA256%7D%5D%7D%29%20%7B%0A%20%20%20%20id%0A%20%20%20%20name%0A%20%20%20%20description%0A%20%20%20%20filter%0A%20%20%20%20enabled%0A%20%20%20%20actions%20%7B%0A%20%20%20%20%20%20attributes%0A%20%20%20%20%20%20expression%20%7B%0A%20%20%20%20%20%20%20%20name%0A%20%20%20%20%20%20%7D%0A%20%20%20%20%20%20method%0A%20%20%20%20%7D%0A%20%20%20%20createdAt%0A%20%20%20%20createdBy%20%7B%0A%20%20%20%20%20%20name%0A%20%20%20%20%20%20email%0A%20%20%20%20%7D%0A%20%20%20%20updatedAt%0A%20%20%20%20updatedBy%20%7B%0A%20%20%20%20%20%20name%0A%20%20%20%20%20%20email%0A%20%20%20%20%7D%0A%20%20%7D%0A%7D%0A) 의 관련 문서를 참조하세요.
+
+    <Callout variant="important">
+      주어진 난독화 작업에 연결하려면 난독화 `expressionId` 를 지정해야 합니다. 이 ID를 검색하려면 [`obfuscationRules` 을 쿼리](#rules-read) 할 수 있습니다.
+    </Callout>
   </Collapser>
 
   <Collapser
@@ -470,15 +752,18 @@ New Relic UI를 사용하거나 GraphQL Explorer인 NerdGraph를 사용하여 
   >
     다음 옵션 중 하나를 사용하여 난독화 규칙을 쿼리합니다.
 
-    **로그 UI 사용:**
-
-    1. **[one.newrelic.com](https://one.newrelic.com) > Logs** 로 이동하고 왼쪽 탐색 메뉴에서 **Obfuscation** 을 선택합니다.
+    <DoNotTranslate>
+      **Using the logs UI:**
+    </DoNotTranslate>
 
-    2. 사용 가능한 모든 난독화 규칙과 해당 정의를 보려면 **규칙** 탭(기본값)을 선택합니다.
+    1. <DoNotTranslate>**[one.newrelic.com > All capabilities](https://one.newrelic.com/all-capabilities) > Logs**</DoNotTranslate> 으로 이동하고 왼쪽 탐색 메뉴에서 <DoNotTranslate>**Obfuscation**</DoNotTranslate> 선택합니다.
+    2. 사용 가능한 모든 난독화 룰과 해당 정의를 보려면 <DoNotTranslate>**Rules**</DoNotTranslate> 탭(기본값)을 선택하세요.
 
-       **NerdGraph 사용:**
+    <DoNotTranslate>
+      **Using NerdGraph:**
+    </DoNotTranslate>
 
-       `actor.account.logConfigurations` 아래의 `obfuscationRules` 가져오기를 사용합니다. GraphiQL의 채워진 예제와[ **api.newrelic.com/graphiql**](https://api.newrelic.com/graphiql?#query=%7B%0A%20%20actor%20%7B%0A%20%20%20%20account%28id%3A%201234%29%20%7B%0A%20%20%20%20%20%20logConfigurations%20%7B%0A%20%20%20%20%20%20%20%20obfuscationRules%20%7B%0A%20%20%20%20%20%20%20%20%20%20id%0A%20%20%20%20%20%20%20%20%20%20name%0A%20%20%20%20%20%20%20%20%20%20description%0A%20%20%20%20%20%20%20%20%20%20filter%0A%20%20%20%20%20%20%20%20%20%20enabled%0A%20%20%20%20%20%20%20%20%20%20actions%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20attributes%0A%20%20%20%20%20%20%20%20%20%20%20%20expression%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20name%0A%20%20%20%20%20%20%20%20%20%20%20%20%7D%0A%20%20%20%20%20%20%20%20%20%20%20%20method%0A%20%20%20%20%20%20%20%20%20%20%7D%0A%20%20%20%20%20%20%20%20%20%20createdAt%0A%20%20%20%20%20%20%20%20%20%20createdBy%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20name%0A%20%20%20%20%20%20%20%20%20%20%20%20email%0A%20%20%20%20%20%20%20%20%20%20%7D%0A%20%20%20%20%20%20%20%20%20%20updatedAt%0A%20%20%20%20%20%20%20%20%20%20updatedBy%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20name%0A%20%20%20%20%20%20%20%20%20%20%20%20email%0A%20%20%20%20%20%20%20%20%20%20%7D%0A%20%20%20%20%20%20%20%20%7D%0A%20%20%20%20%20%20%7D%0A%20%20%20%20%7D%0A%20%20%7D%0A%7D%0A)의 관련 문서를 참조하십시오.
+    `actor.account.logConfigurations` 아래의 `obfuscationRules` 가져오기 도구를 사용하세요. GraphiQL에 채워진 예제와 [<DoNotTranslate>**api.newrelic.com/graphiql**</DoNotTranslate>](https://api.newrelic.com/graphiql?#query=%7B%0A%20%20actor%20%7B%0A%20%20%20%20account%28id%3A%201234%29%20%7B%0A%20%20%20%20%20%20logConfigurations%20%7B%0A%20%20%20%20%20%20%20%20obfuscationRules%20%7B%0A%20%20%20%20%20%20%20%20%20%20id%0A%20%20%20%20%20%20%20%20%20%20name%0A%20%20%20%20%20%20%20%20%20%20description%0A%20%20%20%20%20%20%20%20%20%20filter%0A%20%20%20%20%20%20%20%20%20%20enabled%0A%20%20%20%20%20%20%20%20%20%20actions%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20attributes%0A%20%20%20%20%20%20%20%20%20%20%20%20expression%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20name%0A%20%20%20%20%20%20%20%20%20%20%20%20%7D%0A%20%20%20%20%20%20%20%20%20%20%20%20method%0A%20%20%20%20%20%20%20%20%20%20%7D%0A%20%20%20%20%20%20%20%20%20%20createdAt%0A%20%20%20%20%20%20%20%20%20%20createdBy%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20name%0A%20%20%20%20%20%20%20%20%20%20%20%20email%0A%20%20%20%20%20%20%20%20%20%20%7D%0A%20%20%20%20%20%20%20%20%20%20updatedAt%0A%20%20%20%20%20%20%20%20%20%20updatedBy%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20name%0A%20%20%20%20%20%20%20%20%20%20%20%20email%0A%20%20%20%20%20%20%20%20%20%20%7D%0A%20%20%20%20%20%20%20%20%7D%0A%20%20%20%20%20%20%7D%0A%20%20%20%20%7D%0A%20%20%7D%0A%7D%0A)의 관련 문서를 참조하세요.
   </Collapser>
 
   <Collapser
@@ -487,25 +772,26 @@ New Relic UI를 사용하거나 GraphQL Explorer인 NerdGraph를 사용하여 
   >
     다음 옵션 중 하나를 사용하여 난독화 규칙을 업데이트합니다.
 
-    **로그 UI 사용:**
-
-    1. **[one.newrelic.com](https://one.newrelic.com) > Logs** 로 이동하고 왼쪽 탐색 메뉴에서 **Obfuscation** 을 선택합니다.
-
-    2. **규칙** 탭을 선택합니다(기본값).
-
-    3. 수정하려는 난독화 규칙의 오른쪽에 있는 점 3개 메뉴 **...** 를 클릭하고 **수정** 을 클릭합니다.
+    <DoNotTranslate>
+      **Using the logs UI:**
+    </DoNotTranslate>
 
-    4. 필요에 따라 필드를 수정하고 **규칙 업데이트** 를 클릭합니다.
+    1. <DoNotTranslate>**[one.newrelic.com > All capabilities](https://one.newrelic.com/all-capabilities) > Logs**</DoNotTranslate> 으로 이동하고 왼쪽 탐색 메뉴에서 <DoNotTranslate>**Obfuscation**</DoNotTranslate> 선택합니다.
+    2. <DoNotTranslate>**Rules**</DoNotTranslate> 탭(기본값)을 선택합니다.
+    3. 편집하려는 난독화 룰 오른쪽에 있는 줄임표 아이콘 <DoNotTranslate>**...**</DoNotTranslate> 을 클릭하고 <DoNotTranslate>**Edit**</DoNotTranslate> 클릭합니다.
+    4. 필요에 따라 필드를 수정하고 <DoNotTranslate>**Update rule**</DoNotTranslate> 클릭합니다.
 
-       **NerdGraph 사용:**
+    <DoNotTranslate>
+      **Using NerdGraph:**
+    </DoNotTranslate>
 
-       `logConfigurations` 아래에서 `logConfigurationsUpdateObfuscationRule` 뮤테이터를 사용합니다. GraphiQL의 채워진 예제와 [**api.newrelic.com/graphiq**](https://api.newrelic.com/graphiql?#query=mutation%20%7B%0A%20%20logConfigurationsUpdateObfuscationRule%28accountId%3A%201234%2C%20rule%3A%20%7Bid%3A%20%225678%22%2C%20name%3A%20%22EDITED%20-%20Obfuscate%20Login%20Service%20Logs%22%2C%20description%3A%20%22EDITED%20-%20Removes%20PII%20from%20the%20Login%20Service%20Logs%20owned%20by%20the%20Sales%20department.%20Do%20not%20modify%20this%20rule%20without%20contacting%20the%20Sales%20team%20first.%22%2C%20filter%3A%20%22serviceName%20%3D%20%27loginService%27%20AND%20department%20%3D%20%27sales%27%22%2C%20enabled%3A%20true%2C%20actions%3A%20%5B%7Battributes%3A%20%5B%22message%22%2C%20%22creditCardNumber%22%5D%2C%20expressionId%3A%20%2212%22%2C%20method%3A%20HASH_SHA256%7D%2C%20%7Battributes%3A%20%5B%22message%22%5D%2C%20expressionId%3A%20%2234%22%2C%20method%3A%20MASK%7D%2C%20%7Battributes%3A%20%5B%22message%22%2C%20%22ssn%22%5D%2C%20expressionId%3A%20%2256%22%2C%20method%3A%20HASH_SHA256%7D%5D%7D%29%20%7B%0A%20%20%20%20id%0A%20%20%20%20name%0A%20%20%20%20description%0A%20%20%20%20filter%0A%20%20%20%20enabled%0A%20%20%20%20actions%20%7B%0A%20%20%20%20%20%20attributes%0A%20%20%20%20%20%20expression%20%7B%0A%20%20%20%20%20%20%20%20name%0A%20%20%20%20%20%20%7D%0A%20%20%20%20%20%20method%0A%20%20%20%20%7D%0A%20%20%20%20createdAt%0A%20%20%20%20createdBy%20%7B%0A%20%20%20%20%20%20name%0A%20%20%20%20%20%20email%0A%20%20%20%20%7D%0A%20%20%20%20updatedAt%0A%20%20%20%20updatedBy%20%7B%0A%20%20%20%20%20%20name%0A%20%20%20%20%20%20email%0A%20%20%20%20%7D%0A%20%20%7D%0A%7D%0A)l의 관련 문서를 참조하십시오.
+    `logConfigurations` 아래에서 `logConfigurationsUpdateObfuscationRule` 변형을 사용합니다. GraphiQL에 채워진 예제와 [<DoNotTranslate>**api.newrelic.com/graphiql**</DoNotTranslate>](https://api.newrelic.com/graphiql?#query=mutation%20%7B%0A%20%20logConfigurationsUpdateObfuscationRule%28accountId%3A%201234%2C%20rule%3A%20%7Bid%3A%20%225678%22%2C%20name%3A%20%22EDITED%20-%20Obfuscate%20Login%20Service%20Logs%22%2C%20description%3A%20%22EDITED%20-%20Removes%20PII%20from%20the%20Login%20Service%20Logs%20owned%20by%20the%20Sales%20department.%20Do%20not%20modify%20this%20rule%20without%20contacting%20the%20Sales%20team%20first.%22%2C%20filter%3A%20%22serviceName%20%3D%20%27loginService%27%20AND%20department%20%3D%20%27sales%27%22%2C%20enabled%3A%20true%2C%20actions%3A%20%5B%7Battributes%3A%20%5B%22message%22%2C%20%22creditCardNumber%22%5D%2C%20expressionId%3A%20%2212%22%2C%20method%3A%20HASH_SHA256%7D%2C%20%7Battributes%3A%20%5B%22message%22%5D%2C%20expressionId%3A%20%2234%22%2C%20method%3A%20MASK%7D%2C%20%7Battributes%3A%20%5B%22message%22%2C%20%22ssn%22%5D%2C%20expressionId%3A%20%2256%22%2C%20method%3A%20HASH_SHA256%7D%5D%7D%29%20%7B%0A%20%20%20%20id%0A%20%20%20%20name%0A%20%20%20%20description%0A%20%20%20%20filter%0A%20%20%20%20enabled%0A%20%20%20%20actions%20%7B%0A%20%20%20%20%20%20attributes%0A%20%20%20%20%20%20expression%20%7B%0A%20%20%20%20%20%20%20%20name%0A%20%20%20%20%20%20%7D%0A%20%20%20%20%20%20method%0A%20%20%20%20%7D%0A%20%20%20%20createdAt%0A%20%20%20%20createdBy%20%7B%0A%20%20%20%20%20%20name%0A%20%20%20%20%20%20email%0A%20%20%20%20%7D%0A%20%20%20%20updatedAt%0A%20%20%20%20updatedBy%20%7B%0A%20%20%20%20%20%20name%0A%20%20%20%20%20%20email%0A%20%20%20%20%7D%0A%20%20%7D%0A%7D%0A) 의 관련 문서를 참조하세요.
 
-       <Callout variant="important">
-         주어진 난독화 작업에 연결하려면 난독화 `expressionId` 를 지정해야 합니다. 이 ID를 검색하려면 \[query the `obfuscationRules` ]](#rules-read)에 설명된 대로 `obfuscationRules` 을 사용할 수 있습니다.
-       </Callout>
+    <Callout variant="important">
+      주어진 난독화 작업에 연결하려면 난독화 `expressionId` 를 지정해야 합니다. 이 ID를 검색하려면 \[query the `obfuscationRules` ]](#rules-read)에 설명된 대로 `obfuscationRules` 을 사용할 수 있습니다.
+    </Callout>
 
-       난독화 규칙을 업데이트할 때 모든 필드를 지정할 필요는 없으며 `id` (필수) 및 수정하려는 필드만 지정할 수 있습니다. 다음은 [이름만 업데이트](https://api.newrelic.com/graphiql?#query=mutation%20%7B%0A%20%20logConfigurationsUpdateObfuscationRule%28accountId%3A%201234%2C%20rule%3A%20%7Bid%3A%20%225678%22%2C%20name%3A%20%22EDITED%20-%20Obfuscate%20Login%20Service%20Logs%22%7D%29%20%7B%0A%20%20%20%20id%0A%20%20%20%20name%0A%20%20%20%20description%0A%20%20%20%20filter%0A%20%20%20%20enabled%0A%20%20%20%20actions%20%7B%0A%20%20%20%20%20%20attributes%0A%20%20%20%20%20%20expression%20%7B%0A%20%20%20%20%20%20%20%20name%0A%20%20%20%20%20%20%7D%0A%20%20%20%20%20%20method%0A%20%20%20%20%7D%0A%20%20%20%20createdAt%0A%20%20%20%20createdBy%20%7B%0A%20%20%20%20%20%20name%0A%20%20%20%20%20%20email%0A%20%20%20%20%7D%0A%20%20%20%20updatedAt%0A%20%20%20%20updatedBy%20%7B%0A%20%20%20%20%20%20name%0A%20%20%20%20%20%20email%0A%20%20%20%20%7D%0A%20%20%7D%0A%7D%0A) 하는 예입니다.
+    난독화 규칙을 업데이트할 때 모든 필드를 지정할 필요는 없으며 `id` (필수) 및 수정하려는 필드만 지정할 수 있습니다. 다음은 [이름만 업데이트](https://api.newrelic.com/graphiql?#query=mutation%20%7B%0A%20%20logConfigurationsUpdateObfuscationRule%28accountId%3A%201234%2C%20rule%3A%20%7Bid%3A%20%225678%22%2C%20name%3A%20%22EDITED%20-%20Obfuscate%20Login%20Service%20Logs%22%7D%29%20%7B%0A%20%20%20%20id%0A%20%20%20%20name%0A%20%20%20%20description%0A%20%20%20%20filter%0A%20%20%20%20enabled%0A%20%20%20%20actions%20%7B%0A%20%20%20%20%20%20attributes%0A%20%20%20%20%20%20expression%20%7B%0A%20%20%20%20%20%20%20%20name%0A%20%20%20%20%20%20%7D%0A%20%20%20%20%20%20method%0A%20%20%20%20%7D%0A%20%20%20%20createdAt%0A%20%20%20%20createdBy%20%7B%0A%20%20%20%20%20%20name%0A%20%20%20%20%20%20email%0A%20%20%20%20%7D%0A%20%20%20%20updatedAt%0A%20%20%20%20updatedBy%20%7B%0A%20%20%20%20%20%20name%0A%20%20%20%20%20%20email%0A%20%20%20%20%7D%0A%20%20%7D%0A%7D%0A) 하는 예입니다.
   </Collapser>
 
   <Collapser
@@ -514,20 +800,21 @@ New Relic UI를 사용하거나 GraphQL Explorer인 NerdGraph를 사용하여 
   >
     난독화 규칙을 삭제하려면 다음 옵션 중 하나를 사용하십시오.
 
-    **로그 UI 사용:**
-
-    1. **[one.newrelic.com](https://one.newrelic.com) > Logs** 로 이동하고 왼쪽 탐색 메뉴에서 **Obfuscation** 을 선택합니다.
-
-    2. **규칙** 탭을 선택합니다(기본값).
-
-    3. 삭제할 난독화 규칙 오른쪽에 있는 점 3개 메뉴 **...** 를 클릭하고 **삭제** 를 클릭합니다.
+    <DoNotTranslate>
+      **Using the logs UI:**
+    </DoNotTranslate>
 
-    4. **삭제** 를 클릭하여 표현식을 삭제할 것인지 확인합니다.
+    1. <DoNotTranslate>**[one.newrelic.com > All capabilities](https://one.newrelic.com/all-capabilities) > Logs**</DoNotTranslate> 으로 이동하고 왼쪽 탐색 메뉴에서 <DoNotTranslate>**Obfuscation**</DoNotTranslate> 선택합니다.
+    2. <DoNotTranslate>**Rules**</DoNotTranslate> 탭(기본값)을 선택합니다.
+    3. 삭제하려는 난독화 룰 오른쪽에 있는 줄임표 아이콘 <DoNotTranslate>**...**</DoNotTranslate> 을 클릭하고 <DoNotTranslate>**Delete**</DoNotTranslate> 클릭합니다.
+    4. <DoNotTranslate>**Delete**</DoNotTranslate> 클릭하여 표현식 삭제를 확인합니다.
 
-       **NerdGraph 사용:**
+    <DoNotTranslate>
+      **Using NerdGraph:**
+    </DoNotTranslate>
 
-       `logConfigurations` 아래에서 `logConfigurationsDeleteObfuscationRule` 뮤테이터를 사용합니다. GraphiQL의 채워진 예제와[ **api.newrelic.com/graphiql**](https://api.newrelic.com/graphiql?#query=mutation%20%7B%0A%20%20logConfigurationsDeleteObfuscationRule%28accountId%3A%201234%2C%20id%3A%205678%29%20%7B%0A%20%20%20%20id%0A%20%20%20%20name%0A%20%20%20%20description%0A%20%20%20%20filter%0A%20%20%20%20enabled%0A%20%20%20%20actions%20%7B%0A%20%20%20%20%20%20attributes%0A%20%20%20%20%20%20expression%20%7B%0A%20%20%20%20%20%20%20%20name%0A%20%20%20%20%20%20%7D%0A%20%20%20%20%20%20method%0A%20%20%20%20%7D%0A%20%20%20%20createdAt%0A%20%20%20%20createdBy%20%7B%0A%20%20%20%20%20%20name%0A%20%20%20%20%20%20email%0A%20%20%20%20%7D%0A%20%20%20%20updatedAt%0A%20%20%20%20updatedBy%20%7B%0A%20%20%20%20%20%20name%0A%20%20%20%20%20%20email%0A%20%20%20%20%7D%0A%20%20%7D%0A%7D%0A)의 관련 문서를 참조하십시오.
+    `logConfigurations` 아래에서 `logConfigurationsDeleteObfuscationRule` 변형을 사용합니다. GraphiQL에 채워진 예제와 [<DoNotTranslate>**api.newrelic.com/graphiql**</DoNotTranslate>](https://api.newrelic.com/graphiql?#query=mutation%20%7B%0A%20%20logConfigurationsDeleteObfuscationRule%28accountId%3A%201234%2C%20id%3A%205678%29%20%7B%0A%20%20%20%20id%0A%20%20%20%20name%0A%20%20%20%20description%0A%20%20%20%20filter%0A%20%20%20%20enabled%0A%20%20%20%20actions%20%7B%0A%20%20%20%20%20%20attributes%0A%20%20%20%20%20%20expression%20%7B%0A%20%20%20%20%20%20%20%20name%0A%20%20%20%20%20%20%7D%0A%20%20%20%20%20%20method%0A%20%20%20%20%7D%0A%20%20%20%20createdAt%0A%20%20%20%20createdBy%20%7B%0A%20%20%20%20%20%20name%0A%20%20%20%20%20%20email%0A%20%20%20%20%7D%0A%20%20%20%20updatedAt%0A%20%20%20%20updatedBy%20%7B%0A%20%20%20%20%20%20name%0A%20%20%20%20%20%20email%0A%20%20%20%20%7D%0A%20%20%7D%0A%7D%0A) 의 관련 문서를 참조하세요.
 
-       변형은 삭제되기 전에 규칙의 스냅샷을 반환합니다.
+    변형은 삭제되기 전에 규칙의 스냅샷을 반환합니다.
   </Collapser>
 </CollapserGroup>
\ No newline at end of file
diff --git a/src/i18n/content/kr/docs/new-relic-solutions/build-nr-ui/build-nr-app.mdx b/src/i18n/content/kr/docs/new-relic-solutions/build-nr-ui/build-nr-app.mdx
index 0685e27652e..c4b4c8c3bdd 100644
--- a/src/i18n/content/kr/docs/new-relic-solutions/build-nr-ui/build-nr-app.mdx
+++ b/src/i18n/content/kr/docs/new-relic-solutions/build-nr-ui/build-nr-app.mdx
@@ -13,13 +13,18 @@ import browserBrowserAnalyzerExample from 'images/new-relic-one-browser-analyzer
 
 New Relic은 [모든 소스에서 데이터를 가져오고](/docs/data-apis/custom-data/intro-custom-data) 사용자 지정 [차트](/docs/query-your-data/explore-query-data/query-builder/introduction-query-builder) 와 [대시보드](/docs/query-your-data/explore-query-data/dashboards/introduction-dashboards) 를 만드는 다양한 옵션을 제공합니다. 그러나 이러한 옵션을 넘어 New Relic에서 자신만의 경험을 만들고 싶다면 플랫폼에서 앱을 빌드하는 데 사용하는 것과 동일한 도구에 액세스할 수 있습니다.
 
+<Video
+  id="inyshp3m7r"
+  type="wistia"
+/>
+
 New Relic 애플리케이션은 다음을 수행하는 React JavaScript 애플리케이션입니다.
 
-* 다른 플랫폼과 함께 [New Relic 플랫폼](/docs/new-relic-one/use-new-relic-one/get-started/introduction-new-relic-one)에 상주
+* 다른
 
   <InlinePopover type="dashboards"/>
 
-  그리고 데이터.
+  및 데이터와 함께 [뉴렐릭 플랫폼](/docs/new-relic-one/use-new-relic-one/get-started/introduction-new-relic-one) 에 상주하세요.
 
 * 조직에 특별히 맞춤화된 시각화 기능을 제공합니다.
 
@@ -54,7 +59,7 @@ New Relic을 사용하면 아무리 복잡하더라도 데이터 기반 문제
 />
 
 <figcaption>
-  **[one.newrelic.com](https://one.newrelic.com/all-capabilities):** 다음은 New Relic을 기반으로 구축된 맞춤형 애플리케이션의 예입니다. 이 애플리케이션은 당사에서 보고한 페이지뷰 이벤트를 사용하여 웹사이트에 대한 매우 상세한 분석을 제공합니다. <InlinePopover type="browser"/>.
+  <DoNotTranslate>**[one.newrelic.com](https://one.newrelic.com/all-capabilities):**</DoNotTranslate> 다음은 뉴쿨릭을 기반으로 구축된 맞춤 제작의 예입니다. 이 애플리케이션은 <InlinePopover type="browser"/>에서 보고된 PageView 이벤트를 사용하여 웹사이트에 대한 매우 상세한 분석을 제공합니다.
 </figcaption>
 
 <Callout variant="tip">
diff --git a/src/i18n/content/kr/docs/new-relic-solutions/new-relic-one/install-configure/configure-new-relic-agents.mdx b/src/i18n/content/kr/docs/new-relic-solutions/new-relic-one/install-configure/configure-new-relic-agents.mdx
index 9f569e7be65..08452446ecc 100644
--- a/src/i18n/content/kr/docs/new-relic-solutions/new-relic-one/install-configure/configure-new-relic-agents.mdx
+++ b/src/i18n/content/kr/docs/new-relic-solutions/new-relic-one/install-configure/configure-new-relic-agents.mdx
@@ -13,7 +13,7 @@ translationType: machine
 
 ## APM 에이전트 구성 [#apm-config]
 
-에 필요한 유일한 설정 <InlinePopover type="apm"/>에이전트는 [에이전트를 설치할](/docs/agents/manage-apm-agents/installation/install-agent) 때 구성되는 [라이센스 키](/docs/apis/intro-apis/new-relic-api-keys/#ingest-license-key)및 [앱 이름](/docs/apm/new-relic-apm/installation-configuration/name-your-application)입니다.
+에이전트에 필요한 유일한 설정은 <InlinePopover type="apm"/>[에이전트를 설치할](/docs/agents/manage-apm-agents/installation/install-agent) [때 구성되는](/docs/apis/intro-apis/new-relic-api-keys/#ingest-license-key) 인스턴스 키 와 [앱 이름](/docs/apm/new-relic-apm/installation-configuration/name-your-application) 입니다.
 
 추가 구성 옵션은 다음을 참조하십시오.
 
@@ -27,11 +27,11 @@ translationType: machine
 
 ## 브라우저 에이전트 구성 [#browser-config]
 
-자세한 내용은 설명서를 참조하세요. [<InlinePopover type="browser"/>구성](/docs/browser/new-relic-browser/configuration).
+[<InlinePopover type="browser"/>설정](/docs/browser/new-relic-browser/configuration) 에 대한 설명서를 참조하세요.
 
 ## 인프라 에이전트 구성 [#infra-config]
 
-인프라 모니터링 에이전트에 필요한 유일한 설정은 <InlinePopover type="licenseKey"/>. 이는 [에이전트를 설치할](/docs/agents/manage-apm-agents/installation/install-agent)때 구성됩니다. [추가 구성 옵션을](/docs/infrastructure/new-relic-infrastructure/configuration/configure-infrastructure-agent) 사용하여 인프라를 모니터링할 수도 있습니다.
+인프라 에이전트에 필요한 유일한 설정은 <InlinePopover type="licenseKey"/>입니다. 이는 [에이전트를 설치할](/docs/agents/manage-apm-agents/installation/install-agent) 때 구성됩니다. [추가 설정 옵션을](/docs/infrastructure/new-relic-infrastructure/configuration/configure-infrastructure-agent) 사용하여 어셈블리를 모니터링할 수도 있습니다.
 
 ## 모바일 에이전트 구성 [#mobile-config]
 
diff --git a/src/i18n/content/kr/docs/new-relic-solutions/tutorials/add-query-mutate-nerdstorage.mdx b/src/i18n/content/kr/docs/new-relic-solutions/tutorials/add-query-mutate-nerdstorage.mdx
new file mode 100644
index 00000000000..cb79eb15e8f
--- /dev/null
+++ b/src/i18n/content/kr/docs/new-relic-solutions/tutorials/add-query-mutate-nerdstorage.mdx
@@ -0,0 +1,219 @@
+---
+title: 'NerdStorage를 사용하여 데이터 추가, 쿼리 및 변형'
+description: 'NerdStorage는 뉴렐릭 내에서 액세스할 수 있는 문서 데이터베이스입니다. 이를 통해 한 세션에서 다음 세션으로 문서를 수정, 저장 및 검색할 수 있습니다.'
+freshnessValidatedDate: never
+translationType: machine
+---
+
+NerdStorage는 뉴렐릭 내에서 액세스할 수 있는 문서 데이터베이스입니다. 이를 통해 한 세션에서 다음 세션으로 문서를 수정, 저장 및 검색할 수 있습니다.
+
+NerdStorage를 사용하면 최대 64kb 크기의 개별 문서를 생성하고, 다양한 문서 컬렉션을 생성하고, 엔터티, 계정 또는 사용자 수준별로 데이터를 저장할 수 있습니다.
+
+이 가이드에서는 NerdStorage에 데이터와 문서를 추가하는 방법을 설명합니다.
+
+## 시작하기 전에 [#begin]
+
+이 가이드를 이용하려면 API 키와 블루렐릭 One CLI가 필요합니다.
+
+## 시작하다 [#start]
+
+먼저 뉴렐릭 내에서 NerdStorage 앱이 성공적으로 실행되도록 하세요.
+
+<Steps>
+  <Step>
+    [GitHub 리포지터리](https://github.com/newrelic/nr1-how-to/tree/master/use-nerdstorage) 에서 예제를 복제하세요.
+  </Step>
+
+  <Step>
+    뉴렐릭 One CLI를 사용하여 특수 UUID를 업데이트하고 특수성을 로컬에서 실행하세요.
+
+    1. 터미널에서 `/nr1-how-to/use-nerdstorage` 디렉터리로 전환합니다.
+
+    ```bash
+    cd /nr1-how-to/use-nerdstorage
+    ```
+
+    2. UUID를 업데이트하고 애플리케이션을 제공합니다.
+
+    ```bash
+    nr1 update
+    nr1 nerdpack:uuid -gf
+    nr1 nerdpack:serve
+    ```
+  </Step>
+
+  <Step>
+    앱이 성공적으로 제공되면 터미널은 [뉴렐릭](https://one.newrelic.com/?nerdpacks=local) 에서 실행 중인 앱을 볼 수 있는 URL을 반환합니다.
+
+    URL을 로드합니다. **Your apps** 클릭하면 **Apps** 아래에 **Use Nerdstorage** 앱이 나열된 것을 볼 수 있습니다. 앱을 설치하려면 클릭하세요.
+  </Step>
+</Steps>
+
+## NerdStorage에 데이터 추가 [#add-data]
+
+앱이 뉴렐릭에서 실행되면 앱을 준비하고 데이터 추가를 시작할 수 있습니다.
+
+**How To Use NerdStorage** \[NerdStorage 사용 방법] 앱 화면에는 데이터 추가를 위한 필드가 있는 **Saved to NerdStorage** \[NerdStorage에 저장됨] 창이 있습니다. 그러나 무언가를 입력하면 오류 메시지가 나타납니다. 이는 `User` 수준에서 데이터를 저장하도록 설정해야 하기 때문입니다. `UserStorageMutation` 구성요소의 도움으로 이 작업을 수행할 수 있습니다.
+
+<Steps>
+  <Step>
+    선택한 텍스트 편집기에서 애플리케이션의 `./nerdlets/use-nerdstorage-nerdlet/index.js` 파일을 열고 데이터를 입력하는 데 사용된 `TextField` 및 `Button` 의 코드를 찾습니다. `Button onClick` 소품은 `_addToNerdStorage` 라는 도우미 메서드를 호출하며 이를 업데이트하여 추가해야 합니다. `UserStorageMutation`
+
+    `UserStorage` NerdStorage 구성요소에는 `collection` 및 `documentId` 가 필요합니다. 애플리케이션의 `index.js` 파일에 있는 생성자 메서드에서 제공되는 변수를 볼 수 있습니다. `.js` 파일에서는 다음과 같습니다.
+
+    ```jsx
+    constructor(props) {
+        super(props)
+        this.collectionId = 'mycollection';
+        this.documentId = 'learning-nerdstorage';
+        this.state = {
+            isOpen: true,
+            storage: [],
+            text: '',
+        };
+        this._addToNerdStorage = this._addToNerdStorage.bind(this);
+        this._removeFromNerdStorage = this._removeFromNerdStorage.bind(this);
+        this._deleteDocument = this._deleteDocument.bind(this);
+    }
+    ```
+  </Step>
+
+  <Step>
+    `index.js` 파일 상단에 있는 `import` 문에 추가하여 `UserStorageMutation` 를 가져옵니다.
+
+    ```jsx
+    import { UserStorageMutation } from 'nr1';
+    ```
+
+    그런 다음 `_addToNerdStorage` 으로 시작하는 이 코드로 도우미를 업데이트합니다.
+
+    ```jsx
+    _addToNerdStorage(){
+        const { text, storage } = this.state;
+        storage.push(text);
+        this.setState({storage}, () => {
+            UserStorageMutation.mutate({
+                actionType: UserStorageMutation.ACTION_TYPE.WRITE_DOCUMENT,
+                collection: this.collectionId,
+                documentId: this.documentId,
+                document: { storage },
+            })
+            .then((res) => {
+                this.setState({text: ''});
+                Toast.showToast({ title: "NerdStorage Update.", type: Toast.TYPE.NORMAL });
+            })
+            .catch((err) => console.log(err));
+        });
+    }
+    ```
+  </Step>
+
+  <Step>
+    1. 뉴렐릭에서 실행 중인 **How To Use NerdStorage** \[NerdStorage 사용 방법] 앱 화면으로 돌아가서 페이지를 다시 로드하세요.
+    2. 텍스트 입력 필드에 텍스트를 추가하고 확인 버튼을 클릭하세요. 그러면 NerdStorage가 업데이트되고 앱 내에서 `Toast` 공지가 실행됩니다. 그러면 입력한 텍스트가 텍스트 입력 필드 아래에 테이블 행으로 표시됩니다.
+  </Step>
+</Steps>
+
+## NerdStorage에서 데이터 쿼리 [#query-data]
+
+위 섹션에 설명된 대로 데이터 저장소가 작동하게 되면 앱이 NerdStorage에서 데이터를 제대로 읽도록 해야 합니다. 그렇지 않으면 앱 페이지에서 다른 페이지로 이동할 때마다 앱이 빈 상태로 다시 로드됩니다. 이렇게 하려면 `UserStorageQuery` 구성요소를 추가하고 `componentDidMount` 메서드를 업데이트하세요.
+
+<Steps>
+  <Step>
+    애플리케이션의 `./nerdlets/use-nerdstorage-nerdlet/index.js` 파일에 있는 가져오기 문에 추가하여 `UserStorageQuery` 을 가져옵니다.
+
+    ```jsx
+    import { UserStorageMutation, UserStorageQuery } from 'nr1';
+    ```
+  </Step>
+
+  <Step>
+    그런 다음 애플리케이션에 다음 `componentDidMount` 메서드를 추가합니다.
+
+    ```jsx
+    componentDidMount(){
+        UserStorageQuery.query({
+            collection: this.collectionId,
+            documentId: this.documentId,
+        })
+        .then(({ data }) => {
+            if(data !== null) {
+                this.setState({storage: data.storage});
+            }
+        })
+        .catch(err => console.log(err));
+    }
+    ```
+  </Step>
+
+  <Step>
+    NerdStorage 앱으로 돌아가서 텍스트 입력 필드를 사용하여 행을 몇 개 더 추가하여 변경 사항을 테스트하세요. 그런 다음 종료하고 다시 시작하세요. 애플리케이션은 다른 곳으로 이동하기 전에 입력한 모든 데이터를 로드하고 표시해야 합니다.
+  </Step>
+</Steps>
+
+## NerdStorage의 데이터 변형 [#mutate-data]
+
+앱 내부 테이블에 표시되는 각 NerdStorage 항목에는 특정 항목을 업데이트하는 데 사용할 수 있는 휴지통 버튼이 있습니다. 휴지통 버튼은 `_removeFromNerdStorage` 도우미 메서드를 호출하여 작동합니다.
+
+이 프로세스가 작동하도록 하려면 `_removeFromNerdStorage` 의 코드를 업데이트하세요.
+
+```jsx
+_removeFromNerdStorage(index, data){
+    const { storage } = this.state;
+    storage.pop(data);
+
+    this.setState({storage}, () => {
+        UserStorageMutation.mutate({
+            actionType: UserStorageMutation.ACTION_TYPE.WRITE_DOCUMENT,
+            collection: this.collectionId,
+            documentId: this.documentId,
+            document: { storage },
+        })
+        .then((res) => {
+            Toast.showToast({ title: "NerdStorage Update.", type: Toast.TYPE.NORMAL });
+        })
+        .catch((err) => console.log(err));
+    });
+}
+```
+
+이 작업을 수행한 후 휴지통 버튼을 클릭하면 연결된 항목이 제거되고 앱이 업데이트되어 변경 사항이 표시됩니다.
+
+## NerdStorage에서 컬렉션 삭제 [#delete]
+
+휴지통 버튼은 특정 항목을 한 번에 하나씩 제거하는 좋은 방법이지만 전체 NerdStorage 문서를 한 번에 삭제하는 기능이 필요할 수도 있습니다. 앱에 **Delete Document** \[문서 삭제] 버튼을 추가하면 됩니다.
+
+<Steps>
+  <Step>
+    닫는 `Grid` 태그 바로 앞에 애플리케이션에 새 `GridItem` 추가합니다. 새 `GridItem` 에 다음 코드를 추가하여 새 버튼을 표시합니다.
+
+    ```jsx
+    <Button
+      onClick={() => this._deleteDocument()}
+      type={Button.TYPE.DESTRUCTIVE}
+      sizeType={Button.SIZE_TYPE.SMALL}
+      iconType={Button.ICON_TYPE.INTERFACE__OPERATIONS__TRASH}
+    >
+      Delete Document
+    </Button>
+    ```
+  </Step>
+
+  <Step>
+    새로운 **문서 삭제** 버튼은 `_deleteDocument` 도우미 메서드를 호출하므로 다음 코드를 사용하여 이를 업데이트해야 합니다.
+
+    ```jsx
+    _deleteDocument(){
+        this.setState({storage: []});
+        UserStorageMutation.mutate({
+            actionType: UserStorageMutation.ACTION_TYPE.DELETE_DOCUMENT,
+            collection: this.collectionId,
+            documentId: this.documentId,
+        });
+        Toast.showToast({ title: "NerdStorage Update.", type: Toast.TYPE.CRITICAL });
+    }
+    ```
+  </Step>
+</Steps>
+
+애플리케이션 내부로 돌아가면 이제 개별 휴지통 버튼과 새로 추가된 **Delete Document** \[문서 삭제] 버튼이 모두 표시됩니다.
\ No newline at end of file
diff --git a/src/i18n/content/kr/docs/new-relic-solutions/tutorials/add-tables.mdx b/src/i18n/content/kr/docs/new-relic-solutions/tutorials/add-tables.mdx
new file mode 100644
index 00000000000..a59478e0a1e
--- /dev/null
+++ b/src/i18n/content/kr/docs/new-relic-solutions/tutorials/add-tables.mdx
@@ -0,0 +1,250 @@
+---
+title: 뉴쿨릭 계약에 테이블을 추가하세요
+metaDescription: Add a table to your New Relic app.
+freshnessValidatedDate: never
+translationType: machine
+---
+
+테이블은 뉴렐릭에서 데이터를 표시하는 널리 사용되는 방법입니다. 예를 들어 [쿼리 빌더를](/docs/chart-builder/use-chart-builder/get-started/introduction-chart-builder) 사용하면 [NRQL 쿼리](/docs/query-data/nrql-new-relic-query-language/getting-started/introduction-nrql) 에서 테이블을 만들 수 있습니다.
+
+테이블에 대한 더 많은 제어가 필요하거나 제3자 데이터를 가져오는 경우 뉴렐릭 제작에 자신만의 테이블을 만들 수 있습니다.
+
+이 가이드에서는 다양한 뉴렐릭 구성요소를 사용하여 샘플 테이블을 작성해 보겠습니다.
+
+<Video
+  id="28nnlbhrvg"
+  type="wistia"
+/>
+
+## 시작하기 전에 [#begin]
+
+뉴렐릭 One CLI를 아직 설치하지 않았다면 [뉴렐릭의 빠른 시작](https://one.newrelic.com/launcher/developer-center.launcher) 단계를 따르세요. 이 프로세스를 통해 API 키도 얻을 수 있습니다.
+
+또한 이 가이드의 단계를 완료하려면 컴퓨터에 GitHub 계정과 Node.js가 설치되어 있어야 합니다.
+
+## 예제 애플리케이션 복제 및 설정 [#example]
+
+<Steps>
+  <Step>
+    [nr1-how-to](https://github.com/newrelic/nr1-how-to) 예제 애플리케이션을 GitHub에서 로컬 머신으로 복제합니다. 그런 다음 앱 디렉터리로 이동합니다.
+
+    예제 앱을 사용하면 테이블을 실험해 볼 수 있습니다.
+
+    ```sh lineNumbers=false copy=false
+    git clone https://github.com/newrelic/nr1-how-to.git
+    cd nr1-how-to/create-a-table/nerdlets/create-a-table-nerdlet
+    ```
+  </Step>
+
+  <Step>
+    예에 표시된 대로 `index.js` 파일을 편집하고 `this.accountId` [계정 ID](https://docs.newrelic.com/docs/accounts/install-new-relic/account-setup/account-id) 로 설정합니다.
+
+    ```js lineNumbers=false
+    export default class Nr1HowtoAddTimePicker extends React.Component {
+        constructor(props){
+            super(props)
+            this.accountId = YOUR_ACCOUNT_ID;
+        }
+        ...
+    }
+    ```
+  </Step>
+
+  <Step>
+    ## 데모 애플리케이션 실행 [#run-demo]
+
+    디렉토리를 다시 `nr1-how-to/create-a-table` 으로 변경하십시오. 데모를 로드하기 전에 뉴렐릭 One CLI를 호출하여 [고유 ID를 업데이트](/build-tools/new-relic-one-applications/guide-to-authentication--data-access--and-permissions) 해야 합니다.
+
+    앱에 새 UUID를 할당한 후에는 의존성/종속성을 설치하고 데모 앱을 로컬로 제공하여 브라우저에서 실시간으로 변경 사항을 테스트할 수 있습니다.
+
+    ```bash
+    nr1 update
+    nr1 nerdpack:uuid -gf # Update the app unique ID
+    npm install           # Install dependencies
+    nr1 nerdpack:serve    # Serve the demo app locally
+    ```
+  </Step>
+
+  <Step>
+    브라우저에서 [로컬 뉴렐릭 홈페이지를](https://one.newrelic.com/?nerdpacks=local) 엽니다. **Your apps** \[앱 을] 클릭한 다음 **Apps** 섹션에 **Create a table** \[테이블 생성] 실행 프로그램이 표시되어야 합니다. 이것이 바로 여러분이 작업할 데모 애플리케이션입니다. 계속해서 선택하세요.
+
+    데모 앱을 잘 살펴보세요. 왼쪽에는 **Transaction Overview** \[칩셋 개요] 라는 이름의 `TableChart` 가 있고 그 옆에는 `AreaChart` 이 있습니다. 두 번째 행에 새 테이블을 추가하려면 `Table` 구성요소를 사용합니다.
+  </Step>
+</Steps>
+
+## 테이블 구성 요소 작업 [#table-components]
+
+<Steps>
+  <Step>
+    `nerdlets/create-a-table-nerdlet` 하위 디렉토리로 이동하여 `index.js` 파일을 엽니다.
+
+    예제와 같이 보이도록 파일 상단의 import 문에 다음 구성 요소를 추가합니다.
+
+    * `Table`
+    * `TableHeader`
+    * `TableHeaderCell`
+    * `TableRow`
+    * `TableRowCell`
+
+    ```jsx lineNumbers=false
+    import {
+      Table,
+      TableHeader,
+      TableHeaderCell,
+      TableRow,
+      TableRowCell,
+      PlatformStateContext,
+      Grid,
+      GridItem,
+      HeadingText,
+      AreaChart,
+      TableChart,
+    } from 'nr1';
+    ```
+  </Step>
+
+  <Step>
+    ## 기본 테이블 구성 요소 추가 [#basic-table]
+
+    `index.js` 에서 빈 `GridItem` 찾으세요. 여기에서 테이블 작성을 시작합니다.
+
+    초기 `<Table>` 구성요소를 추가합니다. `items` 속성은 샘플 값이 포함된 `_getItems()` 를 호출하여 데이터를 수집합니다.
+
+    ```jsx lineNumbers=false
+    <GridItem className="primary-content-container" columnSpan={12}>
+      <Table items={this._getItems()}></Table>
+    </GridItem>
+    ```
+  </Step>
+
+  <Step>
+    ## 머리글과 행 추가 [#add-header-rows]
+
+    `Table` 구성요소가 고정된 수의 헤더 셀과 행을 렌더링하므로 다음 단계는 헤더 구성요소와 필수 테이블 행을 반환하는 함수를 추가하는 것입니다.
+
+    `Table` 구성요소 내에서 각 제목에 대해 `TableHeader` 을 추가한 다음 `TableHeaderCell` 하위 항목을 추가합니다.
+
+    필요한 행 수를 모르기 때문에 가장 좋은 방법은 함수를 호출하여 `_getItems()` 에서 반환된 항목 수만큼 `TableRows` 빌드하는 것입니다.
+
+    ```jsx lineNumbers=false
+    <TableHeader>
+      <TableHeaderCell>Application</TableHeaderCell>
+      <TableHeaderCell>Size</TableHeaderCell>
+      <TableHeaderCell>Company</TableHeaderCell>
+      <TableHeaderCell>Team</TableHeaderCell>
+      <TableHeaderCell>Commit</TableHeaderCell>
+    </TableHeader>;
+    {
+      ({ item }) => (
+        <TableRow>
+          <TableRowCell>{item.name}</TableRowCell>
+          <TableRowCell>{item.value}</TableRowCell>
+          <TableRowCell>{item.company}</TableRowCell>
+          <TableRowCell>{item.team}</TableRowCell>
+          <TableRowCell>{item.commit}</TableRowCell>
+        </TableRow>
+      );
+    }
+    ```
+  </Step>
+
+  <Step>
+    New Reli에서 실행되는 애플리케이션을 살펴보세요.
+  </Step>
+
+  <Step>
+    ## 표준 테이블 셀을 스마트 셀로 교체 [#replace-cells]
+
+    뉴렐릭 One 라이브러리에는 사용자, 지수, 엔터티 이름과 같은 특정 데이터 유형의 형식을 자동으로 지정할 수 있는 셀 구성 요소가 포함되어 있습니다.
+
+    방금 생성한 테이블에는 **Application** \[애플리케이션] (엔터티 이름) 및 **Size** \[크기] (메트릭) 구성 요소의 이점을 누릴 수 있는 열이 포함되어 있습니다.
+
+    `EntityTitleTableRowCell` 및 `MetricTableRowCell` 사용하려면 먼저 import 문에 추가해야 합니다.
+
+    ```jsx lineNumbers=false copy=false
+    import {
+        EntityTitleTableRowCell,
+        MetricTableRowCell,
+        ... /* All previous components */
+    } from 'nr1';
+
+    ```
+  </Step>
+
+  <Step>
+    첫 번째와 두 번째 `TableRowCell`를 엔터티 및 지표 셀로 바꿔 테이블 행을 업데이트합니다.
+
+    `EntityTitleTableRowCell` 은 자체 닫는 태그입니다.
+
+    ```jsx lineNumbers=false
+    {
+      ({ item }) => (
+        <TableRow>
+          <EntityTitleTableRowCell value={item} />
+          <MetricTableRowCell
+            type={MetricTableRowCell.TYPE.APDEX}
+            value={item.value}
+          />
+          <TableRowCell>{item.company}</TableRowCell>
+          <TableRowCell>{item.team}</TableRowCell>
+          <TableRowCell>{item.commit}</TableRowCell>
+        </TableRow>
+      );
+    }
+    ```
+  </Step>
+
+  <Step>
+    테이블을 다시 살펴볼 시간입니다. 추가한 셀 구성 요소는 데이터 형식을 올바르게 지정합니다.
+  </Step>
+
+  <Step>
+    테이블도 훌륭하지만 대화형 테이블이 더 좋을 수 있습니다. 마지막 업데이트로 사용자가 각 데이터 행에 대해 작업을 수행할 수 있도록 허용할 것입니다.
+
+    `_getItems()` 바로 앞에 있는 `index.js` 파일에 `_getActions()` 메서드를 추가합니다.
+
+    코드에서 짐작할 수 있듯이 **팀** 또는 **커밋** 셀을 클릭하면 `_getActions()` 공지 상자를 생성합니다.
+
+    ```jsx lineNumbers=false
+    _getActions() {
+        return [
+            {
+                label: 'Alert Team',
+                iconType: TableRow.ACTIONS_ICON_TYPE.INTERFACE__OPERATIONS__ALERT,
+                onClick: (evt, { item, index }) => {
+                    alert(`Alert Team: ${item.team}`);
+                },
+            },
+            {
+                label: 'Rollback Version',
+                iconType: TableRow.ACTIONS_ICON_TYPE.INTERFACE__OPERATIONS__UNDO,
+                onClick: (evt, { item, index }) => {
+                    alert(`Rollback from: ${item.commit}`);
+                },
+            },
+        ];
+    }
+
+    ```
+  </Step>
+
+  <Step>
+    `return` 문에서 `TableRow` 구성요소를 찾고 `actions` 속성이 `_getActions()` 을 가리키도록 합니다.
+
+    `TableRow` 작업 속성은 사용자가 테이블 행 위로 마우스를 가져갈 때 나타나는 작업 집합을 정의합니다. 작업에는 필수 텍스트와 `onClick` 콜백이 있지만 필요한 경우 아이콘을 표시하거나 비활성화할 수도 있습니다.
+
+    ```jsx lineNumbers=false
+    <TableRow actions={this._getActions()}>
+    ```
+  </Step>
+
+  <Step>
+    애플리케이션으로 돌아가서 행 중 하나 위로 마우스를 가져가 보십시오. 사용 가능한 두 가지 작업이 어떻게 나타나는지 확인하십시오. 이를 클릭하면 선택한 행 데이터를 인수로 사용하여 함수가 트리거되고 공지가 브라우저에 표시됩니다.
+  </Step>
+</Steps>
+
+## 다음 단계 [#next]
+
+데이터 형식을 자동으로 지정하고 상황에 맞는 작업을 제공하는 구성 요소를 사용하여 뉴킹릭 피규어에 테이블을 구축했습니다. 잘하셨어요!
+
+SDK 문서에서 `Table` 구성요소, 해당 속성, 사용 방법을 계속 살펴보세요.
\ No newline at end of file
diff --git a/src/i18n/content/kr/docs/new-relic-solutions/tutorials/add-visualization-dashboard.mdx b/src/i18n/content/kr/docs/new-relic-solutions/tutorials/add-visualization-dashboard.mdx
new file mode 100644
index 00000000000..48c5a4fbadb
--- /dev/null
+++ b/src/i18n/content/kr/docs/new-relic-solutions/tutorials/add-visualization-dashboard.mdx
@@ -0,0 +1,101 @@
+---
+title: 대시보드에 사용자 정의 시각화 추가
+metaDescription: Add your custom visualization to a New Relic dashboard
+freshnessValidatedDate: never
+translationType: machine
+---
+
+<Callout variant="tip">
+  이 강의는 뉴렐릭 플랫폼에서 사용자 정의 시각화를 구축하는 방법을 가르치는 과정의 일부입니다.
+
+  과정의 각 단원은 마지막 단원을 기반으로 하므로 이 단원을 시작하기 전에 마지막 단원 [인 설정으로 시각화 사용자 정의를](/docs/new-relic-solutions/tutorials/custom-visualization-config) 완료했는지 확인하세요.
+</Callout>
+
+이전 단원에서는 데이터를 표현하는 방법을 선택할 수 있는 설정 옵션을 시각화에 추가했습니다. 이는 차트 유형을 선택할 수 있지만 이제는 시각화 인스턴스를 만들기 전에만 선택할 수 있다는 점에서 이전 버전의 코드와 다릅니다. 그러면 시각화 인스턴스를 생성한다는 것은 무엇을 의미할까요? 시각화를 구성한 후에는 어떻게 사용합니까?
+
+이 단원에서는 시각화 인스턴스를 생성하고 해당 인스턴스를 대시보드에 추가하는 방법을 알아봅니다.
+
+<Callout variant="tip">
+  이전 단계에서 길을 잃었고 이 수업을 시작하기 위해 파일이 어떤 모습이어야 하는지 알고 싶다면 Github에서 [과정 프로젝트를](https://github.com/newrelic/nru-custom-visualization-course) 확인하세요.
+</Callout>
+
+## 대시보드에 사용자 정의 시각화 추가 [#add-dashboard]
+
+<Steps>
+  <Step>
+    Nerdpack의 루트 디렉터리에서 시각화를 게시하고 구독합니다.
+
+    ```sh
+    nr1 nerdpack:publish
+    nr1 nerdpack:subscribe
+    ```
+
+    <Callout variant="important">
+      Nerdpack을 게시하려면 Nerdpacks "수정" 권한(기본적으로 부여됨)이 있는 전체 사용자여야 합니다.
+    </Callout>
+
+    다음으로 뉴렐릭 앱 오버레이에서 게시된 시각화를 찾으세요.
+  </Step>
+
+  <Step>
+    [뉴렐릭 홈페이지](https://one.newrelic.com) 에서 오른쪽 상단 탐색 표시줄에 있는 **Apps** 버튼을 선택하세요.
+  </Step>
+
+  <Step>
+    **Apps** 페이지에서 **Custom Visualizations** \[사용자 정의 시각화] 실행 프로그램을 클릭합니다.
+  </Step>
+
+  <Step>
+    **RadarOrTreemap 을** 선택합니다.
+  </Step>
+
+  <Step>
+    이전 단원에서는 차트 유형을 선택하기 위해 플랫폼 설정 패널을 사용하도록 시각화를 변경했습니다.
+  </Step>
+
+  <Step>
+    **Add to dashboard** \[대시보드에 추가 를] 클릭합니다. 그런 다음 사용 가능한 대시보드 목록에서 대시보드를 선택하거나 **New dashboard** \[새 대시보드 를] 선택합니다.
+
+    새 대시보드를 만들기로 결정한 경우 계정과 이름을 선택하세요.
+
+    **대시보드에 추가를** 클릭합니다.
+  </Step>
+
+  <Step>
+    대시보드로 이동하여 사용자 정의 시각화를 확인하세요.
+
+    다른 차트 유형을 사용하여 다른 버전의 시각화를 만들어 동일한 대시보드에 추가할 수 있습니다. 이것이 바로 이러한 인스턴스를 시각화라고 부르는 이유입니다.
+  </Step>
+</Steps>
+
+## 시각화 삭제 [#delete]
+
+대시보드에 시각화를 추가한 후에는 편집할 수 없습니다. 기본 쿼리, 계정 ID, 차트 유형 또는 이전에 구성 가능한 기타 옵션은 변경할 수 없습니다. 따라서 시각화가 마음에 들지 않으면 대시보드에서 시각화를 삭제하고 이 가이드의 단계를 다시 진행하여 새 인스턴스를 추가하세요.
+
+<Steps>
+  <Step>
+    시각화의 오른쪽 모서리에 있는 타원 버튼을 클릭하고 **Delete** \[삭제 를] 클릭합니다.
+  </Step>
+
+  <Step>
+    시각화를 삭제할 것인지 확인하세요.
+  </Step>
+</Steps>
+
+## 요약 [#summary]
+
+이제 다음 방법을 알게 되었습니다.
+
+* 뉴렐릭 One SDK로 새로운 맞춤형 시각화를 만들어보세요
+* SDK 및 설정 옵션을 사용하여 시각화 구성
+* 대시보드에 시각화 추가
+
+사용자 정의 시각화에 대해 자세히 알아보려면 다음 리소스를 확인하세요.
+
+* 뉴렐릭 빠른 팁 동영상: [대시보드 및 사용자 정의 시각화](https://www.youtube.com/watch?v=_F61mxtKfGA) (6분)
+* 뉴렐릭 NerdBytes 동영상: [대시보드용 사용자 정의 시각화 구성](https://www.youtube.com/watch?v=sFpG_iG7Xa8) (7분)
+* 뉴렐릭 변경 로그 라이브 스트림: [뉴렐릭의 사용자 정의 데이터 시각화](https://www.youtube.com/watch?v=HuR0EdHGz24) (30분)
+
+<Callout variant="course">
+  이 강의는 뉴렐릭 플랫폼에서 사용자 정의 시각화를 구축하는 방법을 가르치는 과정의 일부입니다. 끝까지 완주하신 것을 축하드립니다!
+</Callout>
\ No newline at end of file
diff --git a/src/i18n/content/kr/docs/new-relic-solutions/tutorials/custom-visualization-config.mdx b/src/i18n/content/kr/docs/new-relic-solutions/tutorials/custom-visualization-config.mdx
new file mode 100644
index 00000000000..e6e6184a197
--- /dev/null
+++ b/src/i18n/content/kr/docs/new-relic-solutions/tutorials/custom-visualization-config.mdx
@@ -0,0 +1,964 @@
+---
+title: 설정 옵션으로 시각화를 사용자 정의하세요
+metaDescription: Customize your visualization using configuration
+freshnessValidatedDate: never
+translationType: machine
+---
+
+<Callout variant="tip">
+  이 강의는 뉴렐릭 플랫폼에서 사용자 정의 시각화를 구축하는 방법을 가르치는 과정의 일부입니다.
+
+  과정의 각 단원은 마지막 단원을 기반으로 하므로 이 단원을 시작하기 전에 마지막 단원인 [사용자 정의 시각화 및 뉴렐릭 SDK를](/docs/new-relic-solutions/tutorials/custom-visualization-sdk) 완료했는지 확인하세요.
+</Callout>
+
+## 여기서 시작하세요 [#begin]
+
+이전 단원에서는 두 가지 차트 유형 중 하나로 쿼리된 데이터를 표시하는 사용자 정의 시각화를 작성했습니다.
+
+* [`RadarChart`](https://recharts.org/en-US/api/RadarChart)
+* [`Treemap`](https://recharts.org/en-US/api/Treemap)
+
+시각화 UI에서 두 차트 유형 간에 전환하기 위해 `SegmentedControl` 사용했습니다. 이 구현은 시각화에서 공간을 차지하지만 차트 인스턴스를 만든 후에도 사용자에게 두 차트 유형 간에 전환할 수 있는 선택권을 제공합니다. 하지만 시각화를 초기화할 때 옵션을 한 번만 선택할 수 있어야 한다면 어떻게 될까요?
+
+이 과정에서는 `SegmentedControl` 을 대체하는 설정 옵션을 시각화에 추가하는 방법을 알아봅니다.
+
+<Callout variant="tip">
+  코드 프로젝트에 빠져서 각 수업을 마쳤을 때 파일이 어떻게 보일지 확인하고 싶다면 Github의 [과정 프로젝트를](https://github.com/newrelic/nru-custom-visualization-course) 확인하세요.
+</Callout>
+
+```js fileName=visualizations/radar-or-treemap/index.js
+import React from 'react';
+import PropTypes from 'prop-types';
+import {
+  Radar,
+  RadarChart,
+  PolarGrid,
+  PolarAngleAxis,
+  PolarRadiusAxis,
+  Treemap,
+} from 'recharts';
+import {
+  AutoSizer,
+  Card,
+  CardBody,
+  HeadingText,
+  NrqlQuery,
+  SegmentedControl,
+  SegmentedControlItem,
+  Spinner,
+} from 'nr1';
+
+const CHART_TYPES = {
+  Radar: 'radar',
+  Treemap: 'treemap',
+};
+
+export default class RadarOrTreemapVisualization extends React.Component {
+  // Custom props you wish to be configurable in the UI must also be defined in
+  // the nr1.json file for the visualization. See docs for more details.
+  static propTypes = {
+    /**
+     * A fill color to override the default fill color. This is an example of
+     * a custom chart configuration.
+     */
+    fill: PropTypes.string,
+
+    /**
+     * A stroke color to override the default stroke color. This is an example of
+     * a custom chart configuration.
+     */
+    stroke: PropTypes.string,
+    /**
+     * An array of objects consisting of a nrql `query` and `accountId`.
+     * This should be a standard prop for any NRQL based visualizations.
+     */
+    nrqlQueries: PropTypes.arrayOf(
+      PropTypes.shape({
+        accountId: PropTypes.number,
+        query: PropTypes.string,
+      })
+    ),
+  };
+
+  state = {
+    selectedChart: CHART_TYPES.Radar,
+  };
+
+  /**
+   * Restructure the data for a non-time-series, facet-based NRQL query into a
+   * form accepted by the Recharts library's RadarChart.
+   * (https://recharts.org/api/RadarChart).
+   */
+  transformData = (rawData) => {
+    return rawData.map((entry) => ({
+      name: entry.metadata.name,
+      // Only grabbing the first data value because this is not time-series data.
+      value: entry.data[0].y,
+    }));
+  };
+
+  /**
+   * Format the given axis tick's numeric value into a string for display.
+   */
+  formatTick = (value) => {
+    return value.toLocaleString();
+  };
+
+  updateSelectedChart = (evt, value) => {
+    this.setState({ selectedChart: value });
+  };
+
+  render() {
+    const { nrqlQueries, stroke, fill } = this.props;
+    const { selectedChart } = this.state;
+
+    const nrqlQueryPropsAvailable =
+      nrqlQueries &&
+      nrqlQueries[0] &&
+      nrqlQueries[0].accountId &&
+      nrqlQueries[0].query;
+
+    if (!nrqlQueryPropsAvailable) {
+      return <EmptyState />;
+    }
+
+    return (
+      <AutoSizer>
+        {({ width, height }) => (
+          <NrqlQuery
+            query={nrqlQueries[0].query}
+            accountId={parseInt(nrqlQueries[0].accountId)}
+            pollInterval={NrqlQuery.AUTO_POLL_INTERVAL}
+          >
+            {({ data, loading, error }) => {
+              if (loading) {
+                return <Spinner />;
+              }
+
+              if (error) {
+                return <ErrorState />;
+              }
+
+              const transformedData = this.transformData(data);
+
+              return (
+                <React.Fragment>
+                  <SegmentedControl onChange={this.updateSelectedChart}>
+                    <SegmentedControlItem
+                      value={CHART_TYPES.Radar}
+                      label="Radar chart"
+                    />
+                    <SegmentedControlItem
+                      value={CHART_TYPES.Treemap}
+                      label="Treemap chart"
+                    />
+                  </SegmentedControl>
+                  {selectedChart === CHART_TYPES.Radar ? (
+                    <RadarChart
+                      width={width}
+                      height={height}
+                      data={transformedData}
+                    >
+                      <PolarGrid />
+                      <PolarAngleAxis dataKey="name" />
+                      <PolarRadiusAxis tickFormatter={this.formatTick} />
+                      <Radar
+                        dataKey="value"
+                        stroke={stroke || '#51C9B7'}
+                        fill={fill || '#51C9B7'}
+                        fillOpacity={0.6}
+                      />
+                    </RadarChart>
+                  ) : (
+                    <Treemap
+                      width={width}
+                      height={height}
+                      data={transformedData}
+                      dataKey="value"
+                      ratio={4 / 3}
+                      stroke={stroke || '#000000'}
+                      fill={fill || '#51C9B7'}
+                    />
+                  )}
+                </React.Fragment>
+              );
+            }}
+          </NrqlQuery>
+        )}
+      </AutoSizer>
+    );
+  }
+}
+
+const EmptyState = () => (
+  <Card className="EmptyState">
+    <CardBody className="EmptyState-cardBody">
+      <HeadingText
+        spacingType={[HeadingText.SPACING_TYPE.LARGE]}
+        type={HeadingText.TYPE.HEADING_3}
+      >
+        Please provide at least one NRQL query & account ID pair
+      </HeadingText>
+      <HeadingText
+        spacingType={[HeadingText.SPACING_TYPE.MEDIUM]}
+        type={HeadingText.TYPE.HEADING_4}
+      >
+        An example NRQL query you can try is:
+      </HeadingText>
+      <code>FROM NrUsage SELECT sum(usage) FACET metric SINCE 1 week ago</code>
+    </CardBody>
+  </Card>
+);
+
+const ErrorState = () => (
+  <Card className="ErrorState">
+    <CardBody className="ErrorState-cardBody">
+      <HeadingText
+        className="ErrorState-headingText"
+        spacingType={[HeadingText.SPACING_TYPE.LARGE]}
+        type={HeadingText.TYPE.HEADING_3}
+      >
+        Oops! Something went wrong.
+      </HeadingText>
+    </CardBody>
+  </Card>
+);
+```
+
+```js fileName=visualizations/radar-or-treemap/nr1.json
+{
+  "schemaType": "VISUALIZATION",
+  "id": "radar-or-treemap",
+  "displayName": "RadarOrTreemap",
+  "description": "",
+  "configuration": [
+    {
+      "name": "nrqlQueries",
+      "title": "NRQL Queries",
+      "type": "collection",
+      "items": [
+        {
+          "name": "accountId",
+          "title": "Account ID",
+          "description": "Account ID to be associated with the query",
+          "type": "account-id"
+        },
+        {
+          "name": "query",
+          "title": "Query",
+          "description": "NRQL query for visualization",
+          "type": "nrql"
+        }
+      ]
+    },
+    {
+      "name": "fill",
+      "title": "Fill color",
+      "description": "A fill color to override the default fill color",
+      "type": "string"
+    },
+    {
+      "name": "stroke",
+      "title": "Stroke color",
+      "description": "A stroke color to override the default stroke color",
+      "type": "string"
+    }
+  ]
+}
+```
+
+## 새 설정 옵션 추가 [#new-config]
+
+<Steps>
+  <Step>
+    시각화의 _nr1.json_ 파일에서 `selectedChart` 에 대한 `enum` 설정 개체를 추가합니다.
+
+    ```js fileName=visualizations/radar-or-treemap/nr1.json
+    {
+      "schemaType": "VISUALIZATION",
+      "id": "radar-or-treemap",
+      "displayName": "RadarOrTreemap",
+      "description": "",
+      "configuration": [
+        {
+          "name": "selectedChart",
+          "title": "Select chart",
+          "description": "Select which chart to display",
+          "type": "enum",
+          "items": [
+            {
+              "title": "Radar",
+              "value": "radar"
+            },
+            {
+              "title": "Treemap",
+              "value": "treemap"
+            }
+          ]
+        },
+        {
+          "name": "nrqlQueries",
+          "title": "NRQL Queries",
+          "type": "collection",
+          "items": [
+            {
+              "name": "accountId",
+              "title": "Account ID",
+              "description": "Account ID to be associated with the query",
+              "type": "account-id"
+            },
+            {
+              "name": "query",
+              "title": "Query",
+              "description": "NRQL query for visualization",
+              "type": "nrql"
+            }
+          ]
+        },
+        {
+          "name": "fill",
+          "title": "Fill color",
+          "description": "A fill color to override the default fill color",
+          "type": "string"
+        },
+        {
+          "name": "stroke",
+          "title": "Stroke color",
+          "description": "A stroke color to override the default stroke color",
+          "type": "string"
+        }
+      ]
+    }
+    ```
+  </Step>
+
+  <Step>
+    _alter-viz_ 에서 Nerdpack의 루트로 이동합니다.
+  </Step>
+
+  <Step>
+    [Nerdpack을 로컬로 제공하십시오](/build-apps/publish-deploy/serve/).
+
+    ```bash
+    nr1 nerdpack:serve
+    ```
+
+    지난 강의에서 Nerdpack을 계속 제공하고 있다면 `CTRL-X` 로 중지하고 다시 제공하여 _nr1.json_ 변경 사항을 반영해야 합니다.
+  </Step>
+
+  <Step>
+    [https://one.newrelic.com/?nerdpacks=local](https://one.newrelic.com/?nerdpacks=local) 로 이동합니다. `nerdpacks=local` 쿼리 문자열은 로컬 서버에서 시각화를 로드하도록 UI에 지시합니다.
+  </Step>
+
+  <Step>
+    **Apps** 페이지를 엽니다.
+  </Step>
+
+  <Step>
+    **Custom Visualizations** \[사용자 정의 시각화] 로 이동합니다.
+  </Step>
+
+  <Step>
+    **Custom Visualizations** \[사용자 정의 시각화] 에서 시각화를 찾아 클릭합니다.
+  </Step>
+
+  <Step>
+    새로운 **Select chart** \[차트 선택] 설정 옵션을 확인하세요.
+
+    차트 유형을 선택해도 시각화에는 영향이 없습니다. 이는 먼저 시각화 구성요소에 `selectedChart` 속성을 도입해야 하기 때문입니다. 그런 다음 `selectedChart` 사용하여 렌더링할 차트 유형을 결정합니다.
+  </Step>
+</Steps>
+
+## `SegmentedControl` 구성 가능한 속성으로 바꾸세요. [#replace]
+
+<Steps>
+  <Step>
+    시각화의 _index.js_ 파일을 엽니다. 나머지 가이드에서는 여기서 작업하게 됩니다.
+  </Step>
+
+  <Step>
+    `render()` 에서 `props` 구조 분해하여 얻은 상수로 `selectedChart` 포함하고 구성요소의 `state` 제거합니다.
+
+    ```js fileName=visualizations/radar-or-treemap/index.js
+    import React from 'react';
+    import PropTypes from 'prop-types';
+    import {
+      Radar,
+      RadarChart,
+      PolarGrid,
+      PolarAngleAxis,
+      PolarRadiusAxis,
+      Treemap,
+    } from 'recharts';
+    import {
+      AutoSizer,
+      Card,
+      CardBody,
+      HeadingText,
+      NrqlQuery,
+      SegmentedControl,
+      SegmentedControlItem,
+      Spinner,
+    } from 'nr1';
+
+    const CHART_TYPES = {
+      Radar: 'radar',
+      Treemap: 'treemap',
+    };
+
+    export default class RadarOrTreemapVisualization extends React.Component {
+      // Custom props you wish to be configurable in the UI must also be defined in
+      // the nr1.json file for the visualization. See docs for more details.
+      static propTypes = {
+        /**
+         * A fill color to override the default fill color. This is an example of
+         * a custom chart configuration.
+         */
+        fill: PropTypes.string,
+
+        /**
+         * A stroke color to override the default stroke color. This is an example of
+         * a custom chart configuration.
+         */
+        stroke: PropTypes.string,
+        /**
+         * An array of objects consisting of a nrql `query` and `accountId`.
+         * This should be a standard prop for any NRQL based visualizations.
+         */
+        nrqlQueries: PropTypes.arrayOf(
+          PropTypes.shape({
+            accountId: PropTypes.number,
+            query: PropTypes.string,
+          })
+        ),
+      };
+
+      /**
+       * Restructure the data for a non-time-series, facet-based NRQL query into a
+       * form accepted by the Recharts library's RadarChart.
+       * (https://recharts.org/api/RadarChart).
+       */
+      transformData = (rawData) => {
+        return rawData.map((entry) => ({
+          name: entry.metadata.name,
+          // Only grabbing the first data value because this is not time-series data.
+          value: entry.data[0].y,
+        }));
+      };
+
+      /**
+       * Format the given axis tick's numeric value into a string for display.
+       */
+      formatTick = (value) => {
+        return value.toLocaleString();
+      };
+
+      render() {
+        const { nrqlQueries, stroke, fill, selectedChart } = this.props;
+
+        const nrqlQueryPropsAvailable =
+          nrqlQueries &&
+          nrqlQueries[0] &&
+          nrqlQueries[0].accountId &&
+          nrqlQueries[0].query;
+
+        if (!nrqlQueryPropsAvailable) {
+          return <EmptyState />;
+        }
+
+        return (
+          <AutoSizer>
+            {({ width, height }) => (
+              <NrqlQuery
+                query={nrqlQueries[0].query}
+                accountId={parseInt(nrqlQueries[0].accountId)}
+                pollInterval={NrqlQuery.AUTO_POLL_INTERVAL}
+              >
+                {({ data, loading, error }) => {
+                  if (loading) {
+                    return <Spinner />;
+                  }
+
+                  if (error) {
+                    return <ErrorState />;
+                  }
+
+                  const transformedData = this.transformData(data);
+
+                  return (
+                    <React.Fragment>
+                      <SegmentedControl>
+                        <SegmentedControlItem
+                          value={CHART_TYPES.Radar}
+                          label="Radar chart"
+                        />
+                        <SegmentedControlItem
+                          value={CHART_TYPES.Treemap}
+                          label="Treemap chart"
+                        />
+                      </SegmentedControl>
+                      {selectedChart === CHART_TYPES.Radar ? (
+                        <RadarChart
+                          width={width}
+                          height={height}
+                          data={transformedData}
+                        >
+                          <PolarGrid />
+                          <PolarAngleAxis dataKey="name" />
+                          <PolarRadiusAxis tickFormatter={this.formatTick} />
+                          <Radar
+                            dataKey="value"
+                            stroke={stroke || '#51C9B7'}
+                            fill={fill || '#51C9B7'}
+                            fillOpacity={0.6}
+                          />
+                        </RadarChart>
+                      ) : (
+                        <Treemap
+                          width={width}
+                          height={height}
+                          data={transformedData}
+                          dataKey="value"
+                          ratio={4 / 3}
+                          stroke={stroke || '#000000'}
+                          fill={fill || '#51C9B7'}
+                        />
+                      )}
+                    </React.Fragment>
+                  );
+                }}
+              </NrqlQuery>
+            )}
+          </AutoSizer>
+        );
+      }
+    }
+
+    const EmptyState = () => (
+      <Card className="EmptyState">
+        <CardBody className="EmptyState-cardBody">
+          <HeadingText
+            spacingType={[HeadingText.SPACING_TYPE.LARGE]}
+            type={HeadingText.TYPE.HEADING_3}
+          >
+            Please provide at least one NRQL query & account ID pair
+          </HeadingText>
+          <HeadingText
+            spacingType={[HeadingText.SPACING_TYPE.MEDIUM]}
+            type={HeadingText.TYPE.HEADING_4}
+          >
+            An example NRQL query you can try is:
+          </HeadingText>
+          <code>FROM NrUsage SELECT sum(usage) FACET metric SINCE 1 week ago</code>
+        </CardBody>
+      </Card>
+    );
+
+    const ErrorState = () => (
+      <Card className="ErrorState">
+        <CardBody className="ErrorState-cardBody">
+          <HeadingText
+            className="ErrorState-headingText"
+            spacingType={[HeadingText.SPACING_TYPE.LARGE]}
+            type={HeadingText.TYPE.HEADING_3}
+          >
+            Oops! Something went wrong.
+          </HeadingText>
+        </CardBody>
+      </Card>
+    );
+    ```
+
+    이제 구성요소 `state` 대신 설정 옵션에서 `selectedChart` 사용하고 있으므로 설정 패널에서 차트를 선택하고 시각화 변경을 볼 수 있습니다. 불행히도 버그가 있습니다. 기본 차트 옵션은 **Radar** 이지만 초기 렌더링에는 트리맵이 표시됩니다.
+  </Step>
+
+  <Step>
+    `selectedChart` 이 없는 경우를 고려하여 삼항 표현식을 업데이트합니다.
+
+    ```js fileName=visualizations/radar-or-treemap/index.js
+    import React from 'react';
+    import PropTypes from 'prop-types';
+    import {
+      Radar,
+      RadarChart,
+      PolarGrid,
+      PolarAngleAxis,
+      PolarRadiusAxis,
+      Treemap,
+    } from 'recharts';
+    import {
+      AutoSizer,
+      Card,
+      CardBody,
+      HeadingText,
+      NrqlQuery,
+      SegmentedControl,
+      SegmentedControlItem,
+      Spinner,
+    } from 'nr1';
+
+    const CHART_TYPES = {
+      Radar: 'radar',
+      Treemap: 'treemap',
+    };
+
+    export default class RadarOrTreemapVisualization extends React.Component {
+      // Custom props you wish to be configurable in the UI must also be defined in
+      // the nr1.json file for the visualization. See docs for more details.
+      static propTypes = {
+        /**
+         * A fill color to override the default fill color. This is an example of
+         * a custom chart configuration.
+         */
+        fill: PropTypes.string,
+
+        /**
+         * A stroke color to override the default stroke color. This is an example of
+         * a custom chart configuration.
+         */
+        stroke: PropTypes.string,
+        /**
+         * An array of objects consisting of a nrql `query` and `accountId`.
+         * This should be a standard prop for any NRQL based visualizations.
+         */
+        nrqlQueries: PropTypes.arrayOf(
+          PropTypes.shape({
+            accountId: PropTypes.number,
+            query: PropTypes.string,
+          })
+        ),
+      };
+
+      /**
+       * Restructure the data for a non-time-series, facet-based NRQL query into a
+       * form accepted by the Recharts library's RadarChart.
+       * (https://recharts.org/api/RadarChart).
+       */
+      transformData = (rawData) => {
+        return rawData.map((entry) => ({
+          name: entry.metadata.name,
+          // Only grabbing the first data value because this is not time-series data.
+          value: entry.data[0].y,
+        }));
+      };
+
+      /**
+       * Format the given axis tick's numeric value into a string for display.
+       */
+      formatTick = (value) => {
+        return value.toLocaleString();
+      };
+
+      render() {
+        const { nrqlQueries, stroke, fill, selectedChart } = this.props;
+
+        const nrqlQueryPropsAvailable =
+          nrqlQueries &&
+          nrqlQueries[0] &&
+          nrqlQueries[0].accountId &&
+          nrqlQueries[0].query;
+
+        if (!nrqlQueryPropsAvailable) {
+          return <EmptyState />;
+        }
+
+        return (
+          <AutoSizer>
+            {({ width, height }) => (
+              <NrqlQuery
+                query={nrqlQueries[0].query}
+                accountId={parseInt(nrqlQueries[0].accountId)}
+                pollInterval={NrqlQuery.AUTO_POLL_INTERVAL}
+              >
+                {({ data, loading, error }) => {
+                  if (loading) {
+                    return <Spinner />;
+                  }
+
+                  if (error) {
+                    return <ErrorState />;
+                  }
+
+                  const transformedData = this.transformData(data);
+
+                  return (
+                    <React.Fragment>
+                      <SegmentedControl>
+                        <SegmentedControlItem
+                          value={CHART_TYPES.Radar}
+                          label="Radar chart"
+                        />
+                        <SegmentedControlItem
+                          value={CHART_TYPES.Treemap}
+                          label="Treemap chart"
+                        />
+                      </SegmentedControl>
+                      {!selectedChart || selectedChart === CHART_TYPES.Radar ? (
+                        <RadarChart
+                          width={width}
+                          height={height}
+                          data={transformedData}
+                        >
+                          <PolarGrid />
+                          <PolarAngleAxis dataKey="name" />
+                          <PolarRadiusAxis tickFormatter={this.formatTick} />
+                          <Radar
+                            dataKey="value"
+                            stroke={stroke || '#51C9B7'}
+                            fill={fill || '#51C9B7'}
+                            fillOpacity={0.6}
+                          />
+                        </RadarChart>
+                      ) : (
+                        <Treemap
+                          width={width}
+                          height={height}
+                          data={transformedData}
+                          dataKey="value"
+                          ratio={4 / 3}
+                          stroke={stroke || '#000000'}
+                          fill={fill || '#51C9B7'}
+                        />
+                      )}
+                    </React.Fragment>
+                  );
+                }}
+              </NrqlQuery>
+            )}
+          </AutoSizer>
+        );
+      }
+    }
+
+    const EmptyState = () => (
+      <Card className="EmptyState">
+        <CardBody className="EmptyState-cardBody">
+          <HeadingText
+            spacingType={[HeadingText.SPACING_TYPE.LARGE]}
+            type={HeadingText.TYPE.HEADING_3}
+          >
+            Please provide at least one NRQL query & account ID pair
+          </HeadingText>
+          <HeadingText
+            spacingType={[HeadingText.SPACING_TYPE.MEDIUM]}
+            type={HeadingText.TYPE.HEADING_4}
+          >
+            An example NRQL query you can try is:
+          </HeadingText>
+          <code>FROM NrUsage SELECT sum(usage) FACET metric SINCE 1 week ago</code>
+        </CardBody>
+      </Card>
+    );
+
+    const ErrorState = () => (
+      <Card className="ErrorState">
+        <CardBody className="ErrorState-cardBody">
+          <HeadingText
+            className="ErrorState-headingText"
+            spacingType={[HeadingText.SPACING_TYPE.LARGE]}
+            type={HeadingText.TYPE.HEADING_3}
+          >
+            Oops! Something went wrong.
+          </HeadingText>
+        </CardBody>
+      </Card>
+    );
+    ```
+
+    이제 옵션을 아직 구성하지 않은 경우 데이터가 `RadarChart` 에서 렌더링됩니다.
+  </Step>
+
+  <Step>
+    `render()` 에서 `SegmentedControl` 제거:
+
+    ```js fileName=visualizations/radar-or-treemap/index.js
+    import React from 'react';
+    import PropTypes from 'prop-types';
+    import {
+      Radar,
+      RadarChart,
+      PolarGrid,
+      PolarAngleAxis,
+      PolarRadiusAxis,
+      Treemap,
+    } from 'recharts';
+    import {
+      AutoSizer,
+      Card,
+      CardBody,
+      HeadingText,
+      NrqlQuery,
+      Spinner,
+    } from 'nr1';
+
+    const CHART_TYPES = {
+      Radar: 'radar',
+      Treemap: 'treemap',
+    };
+
+    export default class RadarOrTreemapVisualization extends React.Component {
+      // Custom props you wish to be configurable in the UI must also be defined in
+      // the nr1.json file for the visualization. See docs for more details.
+      static propTypes = {
+        /**
+         * A fill color to override the default fill color. This is an example of
+         * a custom chart configuration.
+         */
+        fill: PropTypes.string,
+
+        /**
+         * A stroke color to override the default stroke color. This is an example of
+         * a custom chart configuration.
+         */
+        stroke: PropTypes.string,
+        /**
+         * An array of objects consisting of a nrql `query` and `accountId`.
+         * This should be a standard prop for any NRQL based visualizations.
+         */
+        nrqlQueries: PropTypes.arrayOf(
+          PropTypes.shape({
+            accountId: PropTypes.number,
+            query: PropTypes.string,
+          })
+        ),
+      };
+
+      /**
+       * Restructure the data for a non-time-series, facet-based NRQL query into a
+       * form accepted by the Recharts library's RadarChart.
+       * (https://recharts.org/api/RadarChart).
+       */
+      transformData = (rawData) => {
+        return rawData.map((entry) => ({
+          name: entry.metadata.name,
+          // Only grabbing the first data value because this is not time-series data.
+          value: entry.data[0].y,
+        }));
+      };
+
+      /**
+       * Format the given axis tick's numeric value into a string for display.
+       */
+      formatTick = (value) => {
+        return value.toLocaleString();
+      };
+
+      render() {
+        const { nrqlQueries, stroke, fill, selectedChart } = this.props;
+
+        const nrqlQueryPropsAvailable =
+          nrqlQueries &&
+          nrqlQueries[0] &&
+          nrqlQueries[0].accountId &&
+          nrqlQueries[0].query;
+
+        if (!nrqlQueryPropsAvailable) {
+          return <EmptyState />;
+        }
+
+        return (
+          <AutoSizer>
+            {({ width, height }) => (
+              <NrqlQuery
+                query={nrqlQueries[0].query}
+                accountId={parseInt(nrqlQueries[0].accountId)}
+                pollInterval={NrqlQuery.AUTO_POLL_INTERVAL}
+              >
+                {({ data, loading, error }) => {
+                  if (loading) {
+                    return <Spinner />;
+                  }
+
+                  if (error) {
+                    return <ErrorState />;
+                  }
+
+                  const transformedData = this.transformData(data);
+
+                  return (
+                    <React.Fragment>
+                      {!selectedChart || selectedChart === CHART_TYPES.Radar ? (
+                        <RadarChart
+                          width={width}
+                          height={height}
+                          data={transformedData}
+                        >
+                          <PolarGrid />
+                          <PolarAngleAxis dataKey="name" />
+                          <PolarRadiusAxis tickFormatter={this.formatTick} />
+                          <Radar
+                            dataKey="value"
+                            stroke={stroke || '#51C9B7'}
+                            fill={fill || '#51C9B7'}
+                            fillOpacity={0.6}
+                          />
+                        </RadarChart>
+                      ) : (
+                        <Treemap
+                          width={width}
+                          height={height}
+                          data={transformedData}
+                          dataKey="value"
+                          ratio={4 / 3}
+                          stroke={stroke || '#000000'}
+                          fill={fill || '#51C9B7'}
+                        />
+                      )}
+                    </React.Fragment>
+                  );
+                }}
+              </NrqlQuery>
+            )}
+          </AutoSizer>
+        );
+      }
+    }
+
+    const EmptyState = () => (
+      <Card className="EmptyState">
+        <CardBody className="EmptyState-cardBody">
+          <HeadingText
+            spacingType={[HeadingText.SPACING_TYPE.LARGE]}
+            type={HeadingText.TYPE.HEADING_3}
+          >
+            Please provide at least one NRQL query & account ID pair
+          </HeadingText>
+          <HeadingText
+            spacingType={[HeadingText.SPACING_TYPE.MEDIUM]}
+            type={HeadingText.TYPE.HEADING_4}
+          >
+            An example NRQL query you can try is:
+          </HeadingText>
+          <code>FROM NrUsage SELECT sum(usage) FACET metric SINCE 1 week ago</code>
+        </CardBody>
+      </Card>
+    );
+
+    const ErrorState = () => (
+      <Card className="ErrorState">
+        <CardBody className="ErrorState-cardBody">
+          <HeadingText
+            className="ErrorState-headingText"
+            spacingType={[HeadingText.SPACING_TYPE.LARGE]}
+            type={HeadingText.TYPE.HEADING_3}
+          >
+            Oops! Something went wrong.
+          </HeadingText>
+        </CardBody>
+      </Card>
+    );
+    ```
+  </Step>
+
+  <Step>
+    Nerdpack을 로컬로 제공하고 뉴렐릭의 **Custom Visualizations** 앱에서 확인하세요. 설정 사이드바의 드롭다운 메뉴에서 차트 유형을 선택하고 시각화 업데이트를 확인하여 일치하는 차트 유형을 표시하세요.
+  </Step>
+</Steps>
+
+## 요약 [#summary]
+
+이 강의를 마친 것을 축하합니다! _nr1.json_ 설정을 사용하여 시각화를 사용자 정의하는 방법을 배웠습니다.
+
+<Callout variant="course">
+  이 강의는 뉴렐릭 플랫폼에서 사용자 정의 시각화를 구축하는 방법을 가르치는 과정의 일부입니다. 준비가 되면 다음 단원 [인 대시보드에 사용자 정의 시각화 추가로](/docs/new-relic-solutions/tutorials/add-visualization-dashboard) 진행하세요.
+</Callout>
\ No newline at end of file
diff --git a/src/i18n/content/kr/docs/new-relic-solutions/tutorials/custom-visualization-sdk.mdx b/src/i18n/content/kr/docs/new-relic-solutions/tutorials/custom-visualization-sdk.mdx
new file mode 100644
index 00000000000..c061210a844
--- /dev/null
+++ b/src/i18n/content/kr/docs/new-relic-solutions/tutorials/custom-visualization-sdk.mdx
@@ -0,0 +1,2171 @@
+---
+title: SDK 구성 요소를 사용하여 시각화를 사용자 정의하세요.
+metaDescription: Customize your visualization with the NR SDK components.
+freshnessValidatedDate: never
+translationType: machine
+---
+
+<Callout variant="tip">
+  이 강의는 뉴렐릭 플랫폼에서 사용자 정의 시각화를 구축하는 방법을 가르치는 과정의 일부입니다.
+</Callout>
+
+뉴렐릭 사용자 지정 시각화를 사용하면 뉴렐릭 데이터베이스에서 가져온 데이터든 외부 소스에서 가져온 데이터든 뉴렐릭 플랫폼에서 제공하는 차트와 구별되는 고유한 방식으로 데이터를 표시할 수 있습니다.
+
+이 강의에서는 두 가지 차트 유형( [`RadarChart`](https://recharts.org/en-US/api/RadarChart) 또는 [`Treemap`](https://recharts.org/en-US/api/Treemap)) 중 하나로 데이터를 표시하는 시각화를 작성합니다. 그런 다음 뉴렐릭 One SDK에서 `SegmentedControl` 구성요소를 구현합니다. 이를 통해 두 차트 유형 간에 전환할 수 있습니다. 궁극적으로 이를 통해 뉴렐릭의 기본 제품으로는 불가능한 동적 방식으로 데이터를 자유롭게 볼 수 있습니다.
+
+<Callout variant="tip">
+  코드 프로젝트에 빠져서 각 수업을 마쳤을 때 파일이 어떻게 보일지 확인하고 싶다면 Github의 [과정 프로젝트를](https://github.com/newrelic/nru-custom-visualization-course) 확인하세요.
+</Callout>
+
+## 시작하기 전에 [#begin]
+
+마지막으로, 아직 수행하지 않은 경우:
+
+* [뉴렐릭 계정](https://newrelic.com/signup?utm_source=developer-site)에 가입하세요
+* [Node.js](https://nodejs.org/en/download/)설치
+* CLI를 설치하고 구성하려면 [`nr1` 빠른 시작](https://one.newrelic.com/launcher/developer-center.launcher?pane=eyJuZXJkbGV0SWQiOiJkZXZlbG9wZXItY2VudGVyLmRldmVsb3Blci1jZW50ZXIifQ==) 의 단계를 완료하세요.
+
+## 시각화 만들기 [#create-visualization]
+
+<Steps>
+  <Step>
+    최신 버전의 뉴렐릭 CLI로 작업하고 있는지 확인하세요.
+
+    ```bash
+    nr1 update
+    ```
+  </Step>
+
+  <Step>
+    `alternate-viz` 이라는 Nerdpack에서 `radar-or-treemap` 이라는 시각화를 만듭니다.
+
+    ```bash animate
+    nr1 create --type visualization --name radar-or-treemap
+    [output] {success}✔ {plain}You’re trying to create a visualization outside of a Nerdpack.  We’ll create a Nerdpack for you—what do you want to name it? … alternate-viz
+    [output]
+    [output] {success}✔  {plain}nerdpack created successfully!
+    [output]    {purple}nerdpack {blue}alternate-viz {plain}is available at {green}"./alternate-viz"
+    [output]
+    [output] {success}✔  {plain}visualization created successfully!
+    [output]    {purple}visualization {blue}radar-or-treemap {plain}is available at {green}"./alternate-viz/visualizations/radar-or-treemap"
+    ```
+
+    <Callout variant="tip">
+      `nr1 create` 실행 시 자체 서명된 인증서에 대해 `RequestError` 을 수신하는 경우 노드의 인증서 체인에 인증서를 추가해야 할 수도 있습니다.
+    </Callout>
+
+    결과적으로 `alternate-viz` 아래에 새 `visualizations/radar-or-treemap` 디렉터리가 생겼습니다.
+
+    ```bash
+    cd alternate-viz
+    ls visualizations/radar-or-treemap
+    [output] index.js    nr1.json    styles.scss
+    ```
+  </Step>
+</Steps>
+
+```js fileName=visualizations/radar-or-treemap/index.js
+import React from 'react';
+import PropTypes from 'prop-types';
+import {
+  Radar,
+  RadarChart,
+  PolarGrid,
+  PolarAngleAxis,
+  PolarRadiusAxis,
+} from 'recharts';
+import {Card, CardBody, HeadingText, NrqlQuery, Spinner, AutoSizer} from 'nr1';
+
+export default class RadarOrTreemapVisualization extends React.Component {
+  // Custom props you wish to be configurable in the UI must also be defined in
+  // the nr1.json file for the visualization. See docs for more details.
+  static propTypes = {
+    /**
+     * A fill color to override the default fill color. This is an example of
+     * a custom chart configuration.
+     */
+    fill: PropTypes.string,
+
+    /**
+     * A stroke color to override the default stroke color. This is an example of
+     * a custom chart configuration.
+     */
+    stroke: PropTypes.string,
+    /**
+     * An array of objects consisting of a nrql `query` and `accountId`.
+     * This should be a standard prop for any NRQL based visualizations.
+     */
+    nrqlQueries: PropTypes.arrayOf(
+      PropTypes.shape({
+        accountId: PropTypes.number,
+        query: PropTypes.string,
+      })
+    ),
+  };
+
+  /**
+   * Restructure the data for a non-time-series, facet-based NRQL query into a
+   * form accepted by the Recharts library's RadarChart.
+   * (https://recharts.org/api/RadarChart).
+   */
+  transformData = (rawData) => {
+    return rawData.map((entry) => ({
+      name: entry.metadata.name,
+      // Only grabbing the first data value because this is not time-series data.
+      value: entry.data[0].y,
+    }));
+  };
+
+  /**
+   * Format the given axis tick's numeric value into a string for display.
+   */
+  formatTick = (value) => {
+    return value.toLocaleString();
+  };
+
+  render() {
+    const {nrqlQueries, stroke, fill} = this.props;
+
+    const nrqlQueryPropsAvailable =
+      nrqlQueries &&
+      nrqlQueries[0] &&
+      nrqlQueries[0].accountId &&
+      nrqlQueries[0].query;
+
+    if (!nrqlQueryPropsAvailable) {
+      return <EmptyState />;
+    }
+
+    return (
+      <AutoSizer>
+        {({width, height}) => (
+          <NrqlQuery
+            query={nrqlQueries[0].query}
+            accountId={parseInt(nrqlQueries[0].accountId)}
+            pollInterval={NrqlQuery.AUTO_POLL_INTERVAL}
+          >
+            {({data, loading, error}) => {
+              if (loading) {
+                return <Spinner />;
+              }
+
+              if (error) {
+                return <ErrorState />;
+              }
+
+              const transformedData = this.transformData(data);
+
+              return (
+                <RadarChart
+                  width={width}
+                  height={height}
+                  data={transformedData}
+                >
+                  <PolarGrid />
+                  <PolarAngleAxis dataKey="name" />
+                  <PolarRadiusAxis tickFormatter={this.formatTick} />
+                  <Radar
+                    dataKey="value"
+                    stroke={stroke || '#51C9B7'}
+                    fill={fill || '#51C9B7'}
+                    fillOpacity={0.6}
+                  />
+                </RadarChart>
+              );
+            }}
+          </NrqlQuery>
+        )}
+      </AutoSizer>
+    );
+  }
+}
+
+const EmptyState = () => (
+  <Card className="EmptyState">
+    <CardBody className="EmptyState-cardBody">
+      <HeadingText
+        spacingType={[HeadingText.SPACING_TYPE.LARGE]}
+        type={HeadingText.TYPE.HEADING_3}
+      >
+        Please provide at least one NRQL query & account ID pair
+      </HeadingText>
+      <HeadingText
+        spacingType={[HeadingText.SPACING_TYPE.MEDIUM]}
+        type={HeadingText.TYPE.HEADING_4}
+      >
+        An example NRQL query you can try is:
+      </HeadingText>
+      <code>FROM NrUsage SELECT sum(usage) FACET metric SINCE 1 week ago</code>
+    </CardBody>
+  </Card>
+);
+
+const ErrorState = () => (
+  <Card className="ErrorState">
+    <CardBody className="ErrorState-cardBody">
+      <HeadingText
+        className="ErrorState-headingText"
+        spacingType={[HeadingText.SPACING_TYPE.LARGE]}
+        type={HeadingText.TYPE.HEADING_3}
+      >
+        Oops! Something went wrong.
+      </HeadingText>
+    </CardBody>
+  </Card>
+);
+```
+
+## 구성요소 상태 설정 [#set-component]
+
+`nr1` 이 생성한 기본 시각화 템플릿에 구성요소 상태를 추가합니다.
+
+<Steps>
+  <Step>
+    `alternate-viz/visualizations/radar-or-treemap/index.js` 으로 이동합니다. 이번 강의의 나머지 부분에서는 여기서 작업하게 됩니다.
+  </Step>
+
+  <Step>
+    `CHART_TYPES` 이라는 상수를 추가합니다.
+
+    ```js fileName=visualizations/radar-or-treemap/index.js
+    import React from 'react';
+    import PropTypes from 'prop-types';
+    import {
+      Radar,
+      RadarChart,
+      PolarGrid,
+      PolarAngleAxis,
+      PolarRadiusAxis,
+    } from 'recharts';
+    import {Card, CardBody, HeadingText, NrqlQuery, Spinner, AutoSizer} from 'nr1';
+
+    const CHART_TYPES = {
+      'Radar': 'radar',
+      'Treemap': 'treemap'
+    }
+
+    export default class RadarOrTreemapVisualization extends React.Component {
+      // Custom props you wish to be configurable in the UI must also be defined in
+      // the nr1.json file for the visualization. See docs for more details.
+      static propTypes = {
+        /**
+         * A fill color to override the default fill color. This is an example of
+         * a custom chart configuration.
+         */
+        fill: PropTypes.string,
+
+        /**
+         * A stroke color to override the default stroke color. This is an example of
+         * a custom chart configuration.
+         */
+        stroke: PropTypes.string,
+        /**
+         * An array of objects consisting of a nrql `query` and `accountId`.
+         * This should be a standard prop for any NRQL based visualizations.
+         */
+        nrqlQueries: PropTypes.arrayOf(
+          PropTypes.shape({
+            accountId: PropTypes.number,
+            query: PropTypes.string,
+          })
+        ),
+      };
+
+      /**
+       * Restructure the data for a non-time-series, facet-based NRQL query into a
+       * form accepted by the Recharts library's RadarChart.
+       * (https://recharts.org/api/RadarChart).
+       */
+      transformData = (rawData) => {
+        return rawData.map((entry) => ({
+          name: entry.metadata.name,
+          // Only grabbing the first data value because this is not time-series data.
+          value: entry.data[0].y,
+        }));
+      };
+
+      /**
+       * Format the given axis tick's numeric value into a string for display.
+       */
+      formatTick = (value) => {
+        return value.toLocaleString();
+      };
+
+      render() {
+        const {nrqlQueries, stroke, fill} = this.props;
+
+        const nrqlQueryPropsAvailable =
+          nrqlQueries &&
+          nrqlQueries[0] &&
+          nrqlQueries[0].accountId &&
+          nrqlQueries[0].query;
+
+        if (!nrqlQueryPropsAvailable) {
+          return <EmptyState />;
+        }
+
+        return (
+          <AutoSizer>
+            {({width, height}) => (
+              <NrqlQuery
+                query={nrqlQueries[0].query}
+                accountId={parseInt(nrqlQueries[0].accountId)}
+                pollInterval={NrqlQuery.AUTO_POLL_INTERVAL}
+              >
+                {({data, loading, error}) => {
+                  if (loading) {
+                    return <Spinner />;
+                  }
+
+                  if (error) {
+                    return <ErrorState />;
+                  }
+
+                  const transformedData = this.transformData(data);
+
+                  return (
+                    <RadarChart
+                      width={width}
+                      height={height}
+                      data={transformedData}
+                    >
+                      <PolarGrid />
+                      <PolarAngleAxis dataKey="name" />
+                      <PolarRadiusAxis tickFormatter={this.formatTick} />
+                      <Radar
+                        dataKey="value"
+                        stroke={stroke || '#51C9B7'}
+                        fill={fill || '#51C9B7'}
+                        fillOpacity={0.6}
+                      />
+                    </RadarChart>
+                  );
+                }}
+              </NrqlQuery>
+            )}
+          </AutoSizer>
+        );
+      }
+    }
+
+    const EmptyState = () => (
+      <Card className="EmptyState">
+        <CardBody className="EmptyState-cardBody">
+          <HeadingText
+            spacingType={[HeadingText.SPACING_TYPE.LARGE]}
+            type={HeadingText.TYPE.HEADING_3}
+          >
+            Please provide at least one NRQL query & account ID pair
+          </HeadingText>
+          <HeadingText
+            spacingType={[HeadingText.SPACING_TYPE.MEDIUM]}
+            type={HeadingText.TYPE.HEADING_4}
+          >
+            An example NRQL query you can try is:
+          </HeadingText>
+          <code>FROM NrUsage SELECT sum(usage) FACET metric SINCE 1 week ago</code>
+        </CardBody>
+      </Card>
+    );
+
+    const ErrorState = () => (
+      <Card className="ErrorState">
+        <CardBody className="ErrorState-cardBody">
+          <HeadingText
+            className="ErrorState-headingText"
+            spacingType={[HeadingText.SPACING_TYPE.LARGE]}
+            type={HeadingText.TYPE.HEADING_3}
+          >
+            Oops! Something went wrong.
+          </HeadingText>
+        </CardBody>
+      </Card>
+    );
+    ```
+
+    `CHART_TYPES` 시각화에서 번갈아 사용할 두 가지 차트 유형을 열거합니다.
+  </Step>
+
+  <Step>
+    구성요소의 `state` 에서 `selectedChart` 초기화합니다.
+
+    ```js fileName=visualizations/radar-or-treemap/index.js
+    import React from 'react';
+    import PropTypes from 'prop-types';
+    import {
+      Radar,
+      RadarChart,
+      PolarGrid,
+      PolarAngleAxis,
+      PolarRadiusAxis,
+    } from 'recharts';
+    import {Card, CardBody, HeadingText, NrqlQuery, Spinner, AutoSizer} from 'nr1';
+
+    const CHART_TYPES = {
+      'Radar': 'radar',
+      'Treemap': 'treemap'
+    }
+
+    export default class RadarOrTreemapVisualization extends React.Component {
+      // Custom props you wish to be configurable in the UI must also be defined in
+      // the nr1.json file for the visualization. See docs for more details.
+      static propTypes = {
+        /**
+         * A fill color to override the default fill color. This is an example of
+         * a custom chart configuration.
+         */
+        fill: PropTypes.string,
+
+        /**
+         * A stroke color to override the default stroke color. This is an example of
+         * a custom chart configuration.
+         */
+        stroke: PropTypes.string,
+        /**
+         * An array of objects consisting of a nrql `query` and `accountId`.
+         * This should be a standard prop for any NRQL based visualizations.
+         */
+        nrqlQueries: PropTypes.arrayOf(
+          PropTypes.shape({
+            accountId: PropTypes.number,
+            query: PropTypes.string,
+          })
+        ),
+      };
+
+      state = {
+        selectedChart: CHART_TYPES.Radar,
+      };
+
+      /**
+       * Restructure the data for a non-time-series, facet-based NRQL query into a
+       * form accepted by the Recharts library's RadarChart.
+       * (https://recharts.org/api/RadarChart).
+       */
+      transformData = (rawData) => {
+        return rawData.map((entry) => ({
+          name: entry.metadata.name,
+          // Only grabbing the first data value because this is not time-series data.
+          value: entry.data[0].y,
+        }));
+      };
+
+      /**
+       * Format the given axis tick's numeric value into a string for display.
+       */
+      formatTick = (value) => {
+        return value.toLocaleString();
+      };
+
+      render() {
+        const {nrqlQueries, stroke, fill} = this.props;
+
+        const nrqlQueryPropsAvailable =
+          nrqlQueries &&
+          nrqlQueries[0] &&
+          nrqlQueries[0].accountId &&
+          nrqlQueries[0].query;
+
+        if (!nrqlQueryPropsAvailable) {
+          return <EmptyState />;
+        }
+
+        return (
+          <AutoSizer>
+            {({width, height}) => (
+              <NrqlQuery
+                query={nrqlQueries[0].query}
+                accountId={parseInt(nrqlQueries[0].accountId)}
+                pollInterval={NrqlQuery.AUTO_POLL_INTERVAL}
+              >
+                {({data, loading, error}) => {
+                  if (loading) {
+                    return <Spinner />;
+                  }
+
+                  if (error) {
+                    return <ErrorState />;
+                  }
+
+                  const transformedData = this.transformData(data);
+
+                  return (
+                    <RadarChart
+                      width={width}
+                      height={height}
+                      data={transformedData}
+                    >
+                      <PolarGrid />
+                      <PolarAngleAxis dataKey="name" />
+                      <PolarRadiusAxis tickFormatter={this.formatTick} />
+                      <Radar
+                        dataKey="value"
+                        stroke={stroke || '#51C9B7'}
+                        fill={fill || '#51C9B7'}
+                        fillOpacity={0.6}
+                      />
+                    </RadarChart>
+                  );
+                }}
+              </NrqlQuery>
+            )}
+          </AutoSizer>
+        );
+      }
+    }
+
+    const EmptyState = () => (
+      <Card className="EmptyState">
+        <CardBody className="EmptyState-cardBody">
+          <HeadingText
+            spacingType={[HeadingText.SPACING_TYPE.LARGE]}
+            type={HeadingText.TYPE.HEADING_3}
+          >
+            Please provide at least one NRQL query & account ID pair
+          </HeadingText>
+          <HeadingText
+            spacingType={[HeadingText.SPACING_TYPE.MEDIUM]}
+            type={HeadingText.TYPE.HEADING_4}
+          >
+            An example NRQL query you can try is:
+          </HeadingText>
+          <code>FROM NrUsage SELECT sum(usage) FACET metric SINCE 1 week ago</code>
+        </CardBody>
+      </Card>
+    );
+
+    const ErrorState = () => (
+      <Card className="ErrorState">
+        <CardBody className="ErrorState-cardBody">
+          <HeadingText
+            className="ErrorState-headingText"
+            spacingType={[HeadingText.SPACING_TYPE.LARGE]}
+            type={HeadingText.TYPE.HEADING_3}
+          >
+            Oops! Something went wrong.
+          </HeadingText>
+        </CardBody>
+      </Card>
+    );
+    ```
+
+    이 `state` 값은 데이터를 표시하려는 차트 유형을 저장합니다.
+
+    이제 시각화에 대한 차트 유형 옵션을 열거하는 개체를 만들고 `state.selectedChart` 초기화했으므로 두 차트 유형 간에 전환하기 위한 컨트롤 UI를 구현할 준비가 되었습니다.
+  </Step>
+</Steps>
+
+## `SegmentedControl` 구성요소 추가 [#segmentedcontrol]
+
+`state.selectedChart` 시각화 사용자가 실제로 차트 유형을 선택할 수 없으면 유용하지 않습니다. 두 차트 유형 간에 전환하려면 `SegmentedControl` 및 `SegmentedControlItem` 사용하세요.
+
+<Steps>
+  <Step>
+    `nr1` 에서 `SegmentedControl` 및 `SegmentedControlItem` 가져오기:
+
+    ```js fileName=visualizations/radar-or-treemap/index.js
+    import React from 'react';
+    import PropTypes from 'prop-types';
+    import {
+      Radar,
+      RadarChart,
+      PolarGrid,
+      PolarAngleAxis,
+      PolarRadiusAxis,
+    } from 'recharts';
+    import {
+        AutoSizer,
+        Card,
+        CardBody,
+        HeadingText,
+        NrqlQuery,
+        SegmentedControl,
+        SegmentedControlItem,
+        Spinner,
+    } from 'nr1';
+
+    const CHART_TYPES = {
+      'Radar': 'radar',
+      'Treemap': 'treemap'
+    }
+
+    export default class RadarOrTreemapVisualization extends React.Component {
+      // Custom props you wish to be configurable in the UI must also be defined in
+      // the nr1.json file for the visualization. See docs for more details.
+      static propTypes = {
+        /**
+         * A fill color to override the default fill color. This is an example of
+         * a custom chart configuration.
+         */
+        fill: PropTypes.string,
+
+        /**
+         * A stroke color to override the default stroke color. This is an example of
+         * a custom chart configuration.
+         */
+        stroke: PropTypes.string,
+        /**
+         * An array of objects consisting of a nrql `query` and `accountId`.
+         * This should be a standard prop for any NRQL based visualizations.
+         */
+        nrqlQueries: PropTypes.arrayOf(
+          PropTypes.shape({
+            accountId: PropTypes.number,
+            query: PropTypes.string,
+          })
+        ),
+      };
+
+      state = {
+        selectedChart: CHART_TYPES.Radar,
+      };
+
+      /**
+       * Restructure the data for a non-time-series, facet-based NRQL query into a
+       * form accepted by the Recharts library's RadarChart.
+       * (https://recharts.org/api/RadarChart).
+       */
+      transformData = (rawData) => {
+        return rawData.map((entry) => ({
+          name: entry.metadata.name,
+          // Only grabbing the first data value because this is not time-series data.
+          value: entry.data[0].y,
+        }));
+      };
+
+      /**
+       * Format the given axis tick's numeric value into a string for display.
+       */
+      formatTick = (value) => {
+        return value.toLocaleString();
+      };
+
+      render() {
+        const {nrqlQueries, stroke, fill} = this.props;
+
+        const nrqlQueryPropsAvailable =
+          nrqlQueries &&
+          nrqlQueries[0] &&
+          nrqlQueries[0].accountId &&
+          nrqlQueries[0].query;
+
+        if (!nrqlQueryPropsAvailable) {
+          return <EmptyState />;
+        }
+
+        return (
+          <AutoSizer>
+            {({width, height}) => (
+              <NrqlQuery
+                query={nrqlQueries[0].query}
+                accountId={parseInt(nrqlQueries[0].accountId)}
+                pollInterval={NrqlQuery.AUTO_POLL_INTERVAL}
+              >
+                {({data, loading, error}) => {
+                  if (loading) {
+                    return <Spinner />;
+                  }
+
+                  if (error) {
+                    return <ErrorState />;
+                  }
+
+                  const transformedData = this.transformData(data);
+
+                  return (
+                    <RadarChart
+                      width={width}
+                      height={height}
+                      data={transformedData}
+                    >
+                      <PolarGrid />
+                      <PolarAngleAxis dataKey="name" />
+                      <PolarRadiusAxis tickFormatter={this.formatTick} />
+                      <Radar
+                        dataKey="value"
+                        stroke={stroke || '#51C9B7'}
+                        fill={fill || '#51C9B7'}
+                        fillOpacity={0.6}
+                      />
+                    </RadarChart>
+                  );
+                }}
+              </NrqlQuery>
+            )}
+          </AutoSizer>
+        );
+      }
+    }
+
+    const EmptyState = () => (
+      <Card className="EmptyState">
+        <CardBody className="EmptyState-cardBody">
+          <HeadingText
+            spacingType={[HeadingText.SPACING_TYPE.LARGE]}
+            type={HeadingText.TYPE.HEADING_3}
+          >
+            Please provide at least one NRQL query & account ID pair
+          </HeadingText>
+          <HeadingText
+            spacingType={[HeadingText.SPACING_TYPE.MEDIUM]}
+            type={HeadingText.TYPE.HEADING_4}
+          >
+            An example NRQL query you can try is:
+          </HeadingText>
+          <code>FROM NrUsage SELECT sum(usage) FACET metric SINCE 1 week ago</code>
+        </CardBody>
+      </Card>
+    );
+
+    const ErrorState = () => (
+      <Card className="ErrorState">
+        <CardBody className="ErrorState-cardBody">
+          <HeadingText
+            className="ErrorState-headingText"
+            spacingType={[HeadingText.SPACING_TYPE.LARGE]}
+            type={HeadingText.TYPE.HEADING_3}
+          >
+            Oops! Something went wrong.
+          </HeadingText>
+        </CardBody>
+      </Card>
+    );
+    ```
+  </Step>
+
+  <Step>
+    `render()` 에서 `RadarChart` `React.Fragment` 로 래핑합니다.
+
+    ```js fileName=visualizations/radar-or-treemap/index.js
+    import React from 'react';
+    import PropTypes from 'prop-types';
+    import {
+      Radar,
+      RadarChart,
+      PolarGrid,
+      PolarAngleAxis,
+      PolarRadiusAxis,
+    } from 'recharts';
+    import {
+        AutoSizer,
+        Card,
+        CardBody,
+        HeadingText,
+        NrqlQuery,
+        SegmentedControl,
+        SegmentedControlItem,
+        Spinner,
+    } from 'nr1';
+
+    const CHART_TYPES = {
+      'Radar': 'radar',
+      'Treemap': 'treemap'
+    }
+
+    export default class RadarOrTreemapVisualization extends React.Component {
+      // Custom props you wish to be configurable in the UI must also be defined in
+      // the nr1.json file for the visualization. See docs for more details.
+      static propTypes = {
+        /**
+         * A fill color to override the default fill color. This is an example of
+         * a custom chart configuration.
+         */
+        fill: PropTypes.string,
+
+        /**
+         * A stroke color to override the default stroke color. This is an example of
+         * a custom chart configuration.
+         */
+        stroke: PropTypes.string,
+        /**
+         * An array of objects consisting of a nrql `query` and `accountId`.
+         * This should be a standard prop for any NRQL based visualizations.
+         */
+        nrqlQueries: PropTypes.arrayOf(
+          PropTypes.shape({
+            accountId: PropTypes.number,
+            query: PropTypes.string,
+          })
+        ),
+      };
+
+      state = {
+        selectedChart: CHART_TYPES.Radar,
+      };
+
+      /**
+       * Restructure the data for a non-time-series, facet-based NRQL query into a
+       * form accepted by the Recharts library's RadarChart.
+       * (https://recharts.org/api/RadarChart).
+       */
+      transformData = (rawData) => {
+        return rawData.map((entry) => ({
+          name: entry.metadata.name,
+          // Only grabbing the first data value because this is not time-series data.
+          value: entry.data[0].y,
+        }));
+      };
+
+      /**
+       * Format the given axis tick's numeric value into a string for display.
+       */
+      formatTick = (value) => {
+        return value.toLocaleString();
+      };
+
+      render() {
+        const {nrqlQueries, stroke, fill} = this.props;
+
+        const nrqlQueryPropsAvailable =
+          nrqlQueries &&
+          nrqlQueries[0] &&
+          nrqlQueries[0].accountId &&
+          nrqlQueries[0].query;
+
+        if (!nrqlQueryPropsAvailable) {
+          return <EmptyState />;
+        }
+
+        return (
+          <AutoSizer>
+            {({width, height}) => (
+              <NrqlQuery
+                query={nrqlQueries[0].query}
+                accountId={parseInt(nrqlQueries[0].accountId)}
+                pollInterval={NrqlQuery.AUTO_POLL_INTERVAL}
+              >
+                {({data, loading, error}) => {
+                  if (loading) {
+                    return <Spinner />;
+                  }
+
+                  if (error) {
+                    return <ErrorState />;
+                  }
+
+                  const transformedData = this.transformData(data);
+
+                  return (
+                    <React.Fragment>
+                    <RadarChart
+                      width={width}
+                      height={height}
+                      data={transformedData}
+                    >
+                      <PolarGrid />
+                      <PolarAngleAxis dataKey="name" />
+                      <PolarRadiusAxis tickFormatter={this.formatTick} />
+                      <Radar
+                        dataKey="value"
+                        stroke={stroke || '#51C9B7'}
+                        fill={fill || '#51C9B7'}
+                        fillOpacity={0.6}
+                      />
+                    </RadarChart>
+                    </React.Fragment>
+                  );
+                }}
+              </NrqlQuery>
+            )}
+          </AutoSizer>
+        );
+      }
+    }
+
+    const EmptyState = () => (
+      <Card className="EmptyState">
+        <CardBody className="EmptyState-cardBody">
+          <HeadingText
+            spacingType={[HeadingText.SPACING_TYPE.LARGE]}
+            type={HeadingText.TYPE.HEADING_3}
+          >
+            Please provide at least one NRQL query & account ID pair
+          </HeadingText>
+          <HeadingText
+            spacingType={[HeadingText.SPACING_TYPE.MEDIUM]}
+            type={HeadingText.TYPE.HEADING_4}
+          >
+            An example NRQL query you can try is:
+          </HeadingText>
+          <code>FROM NrUsage SELECT sum(usage) FACET metric SINCE 1 week ago</code>
+        </CardBody>
+      </Card>
+    );
+
+    const ErrorState = () => (
+      <Card className="ErrorState">
+        <CardBody className="ErrorState-cardBody">
+          <HeadingText
+            className="ErrorState-headingText"
+            spacingType={[HeadingText.SPACING_TYPE.LARGE]}
+            type={HeadingText.TYPE.HEADING_3}
+          >
+            Oops! Something went wrong.
+          </HeadingText>
+        </CardBody>
+      </Card>
+    );
+    ```
+
+    이를 통해 동일한 `render()` 에서 여러 구성요소를 반환할 수 있습니다.
+  </Step>
+
+  <Step>
+    각각 `value` 및 `label` 가 포함된 `SegmentedControl` 및 두 개의 `SegmentedControlItem` 구성요소를 추가합니다.
+
+    ```js fileName=visualizations/radar-or-treemap/index.js
+    import React from 'react';
+    import PropTypes from 'prop-types';
+    import {
+      Radar,
+      RadarChart,
+      PolarGrid,
+      PolarAngleAxis,
+      PolarRadiusAxis,
+    } from 'recharts';
+    import {
+        AutoSizer,
+        Card,
+        CardBody,
+        HeadingText,
+        NrqlQuery,
+        SegmentedControl,
+        SegmentedControlItem,
+        Spinner,
+    } from 'nr1';
+
+    const CHART_TYPES = {
+      'Radar': 'radar',
+      'Treemap': 'treemap'
+    }
+
+    export default class RadarOrTreemapVisualization extends React.Component {
+      // Custom props you wish to be configurable in the UI must also be defined in
+      // the nr1.json file for the visualization. See docs for more details.
+      static propTypes = {
+        /**
+         * A fill color to override the default fill color. This is an example of
+         * a custom chart configuration.
+         */
+        fill: PropTypes.string,
+
+        /**
+         * A stroke color to override the default stroke color. This is an example of
+         * a custom chart configuration.
+         */
+        stroke: PropTypes.string,
+        /**
+         * An array of objects consisting of a nrql `query` and `accountId`.
+         * This should be a standard prop for any NRQL based visualizations.
+         */
+        nrqlQueries: PropTypes.arrayOf(
+          PropTypes.shape({
+            accountId: PropTypes.number,
+            query: PropTypes.string,
+          })
+        ),
+      };
+
+      state = {
+        selectedChart: CHART_TYPES.Radar,
+      };
+
+      /**
+       * Restructure the data for a non-time-series, facet-based NRQL query into a
+       * form accepted by the Recharts library's RadarChart.
+       * (https://recharts.org/api/RadarChart).
+       */
+      transformData = (rawData) => {
+        return rawData.map((entry) => ({
+          name: entry.metadata.name,
+          // Only grabbing the first data value because this is not time-series data.
+          value: entry.data[0].y,
+        }));
+      };
+
+      /**
+       * Format the given axis tick's numeric value into a string for display.
+       */
+      formatTick = (value) => {
+        return value.toLocaleString();
+      };
+
+      render() {
+        const {nrqlQueries, stroke, fill} = this.props;
+
+        const nrqlQueryPropsAvailable =
+          nrqlQueries &&
+          nrqlQueries[0] &&
+          nrqlQueries[0].accountId &&
+          nrqlQueries[0].query;
+
+        if (!nrqlQueryPropsAvailable) {
+          return <EmptyState />;
+        }
+
+        return (
+          <AutoSizer>
+            {({width, height}) => (
+              <NrqlQuery
+                query={nrqlQueries[0].query}
+                accountId={parseInt(nrqlQueries[0].accountId)}
+                pollInterval={NrqlQuery.AUTO_POLL_INTERVAL}
+              >
+                {({data, loading, error}) => {
+                  if (loading) {
+                    return <Spinner />;
+                  }
+
+                  if (error) {
+                    return <ErrorState />;
+                  }
+
+                  const transformedData = this.transformData(data);
+
+                  return (
+                    <React.Fragment>
+                    <SegmentedControl
+                      onChange={(event, value) => console.log(value)}
+                    >
+                      <SegmentedControlItem
+                        value={CHART_TYPES.Radar}
+                        label="Radar chart"
+                      />
+                      <SegmentedControlItem
+                        value={CHART_TYPES.Treemap}
+                        label="Treemap chart"
+                      />
+                    </SegmentedControl>
+                    <RadarChart
+                      width={width}
+                      height={height}
+                      data={transformedData}
+                    >
+                      <PolarGrid />
+                      <PolarAngleAxis dataKey="name" />
+                      <PolarRadiusAxis tickFormatter={this.formatTick} />
+                      <Radar
+                        dataKey="value"
+                        stroke={stroke || '#51C9B7'}
+                        fill={fill || '#51C9B7'}
+                        fillOpacity={0.6}
+                      />
+                    </RadarChart>
+                    </React.Fragment>
+                  );
+                }}
+              </NrqlQuery>
+            )}
+          </AutoSizer>
+        );
+      }
+    }
+
+    const EmptyState = () => (
+      <Card className="EmptyState">
+        <CardBody className="EmptyState-cardBody">
+          <HeadingText
+            spacingType={[HeadingText.SPACING_TYPE.LARGE]}
+            type={HeadingText.TYPE.HEADING_3}
+          >
+            Please provide at least one NRQL query & account ID pair
+          </HeadingText>
+          <HeadingText
+            spacingType={[HeadingText.SPACING_TYPE.MEDIUM]}
+            type={HeadingText.TYPE.HEADING_4}
+          >
+            An example NRQL query you can try is:
+          </HeadingText>
+          <code>FROM NrUsage SELECT sum(usage) FACET metric SINCE 1 week ago</code>
+        </CardBody>
+      </Card>
+    );
+
+    const ErrorState = () => (
+      <Card className="ErrorState">
+        <CardBody className="ErrorState-cardBody">
+          <HeadingText
+            className="ErrorState-headingText"
+            spacingType={[HeadingText.SPACING_TYPE.LARGE]}
+            type={HeadingText.TYPE.HEADING_3}
+          >
+            Oops! Something went wrong.
+          </HeadingText>
+        </CardBody>
+      </Card>
+    );
+    ```
+
+    여기에서 선택 항목을 변경할 때 `SegmentedControl` 이 `SegmentedControlItem.value` 을 콘솔에 기록합니다. `SegmentedControlItem` 구성요소에 대해 정의한 값은 이전 단계에서 생성한 두 개의 `CHART_TYPES` 에 해당합니다.
+  </Step>
+
+  <Step>
+    `alternate-viz` 에서 Nerdpack의 루트로 이동합니다.
+  </Step>
+
+  <Step>
+    Nerdpack을 로컬로 제공하십시오.
+
+    ```bash
+    nr1 nerdpack:serve
+    ```
+  </Step>
+
+  <Step>
+    노드 서버가 시작될 때 터미널에 표시되는 시각화에 대한 링크를 엽니다.
+
+    ```bash
+    [output] {purple}Visualizations:
+    [output]  ⁎  {green}radar-or-treemap {blue}https://one.nr/012ab3cd4Ef
+    ```
+  </Step>
+
+  <Step>
+    계정 ID와 쿼리를 사용하여 시각화를 구성합니다.
+
+    차트를 처리하는 데 필요한 일부 데이터가 있으면 이제 보기 상단에 `SegmentedControl` 과 함께 `RadarChart` 가 표시됩니다.
+
+    `SegmentedControl` 로그를 보려면 브라우저 콘솔을 확인하세요.
+  </Step>
+</Steps>
+
+## 구성요소의 `state` `SegmentedControl` [#connect-component]
+
+`state` 업데이트하는 메서드를 추가하고 해당 메서드를 마지막 섹션에서 추가한 `SegmentedControl` 와 연결합니다.
+
+<Steps>
+  <Step>
+    `updateSelectedChart()` 이라는 구성요소 메서드를 추가합니다.
+
+    ```js fileName=visualizations/radar-or-treemap/index.js
+    import React from 'react';
+    import PropTypes from 'prop-types';
+    import {
+      Radar,
+      RadarChart,
+      PolarGrid,
+      PolarAngleAxis,
+      PolarRadiusAxis,
+    } from 'recharts';
+    import {
+        AutoSizer,
+        Card,
+        CardBody,
+        HeadingText,
+        NrqlQuery,
+        SegmentedControl,
+        SegmentedControlItem,
+        Spinner,
+    } from 'nr1';
+
+    const CHART_TYPES = {
+      'Radar': 'radar',
+      'Treemap': 'treemap'
+    }
+
+    export default class RadarOrTreemapVisualization extends React.Component {
+      // Custom props you wish to be configurable in the UI must also be defined in
+      // the nr1.json file for the visualization. See docs for more details.
+      static propTypes = {
+        /**
+         * A fill color to override the default fill color. This is an example of
+         * a custom chart configuration.
+         */
+        fill: PropTypes.string,
+
+        /**
+         * A stroke color to override the default stroke color. This is an example of
+         * a custom chart configuration.
+         */
+        stroke: PropTypes.string,
+        /**
+         * An array of objects consisting of a nrql `query` and `accountId`.
+         * This should be a standard prop for any NRQL based visualizations.
+         */
+        nrqlQueries: PropTypes.arrayOf(
+          PropTypes.shape({
+            accountId: PropTypes.number,
+            query: PropTypes.string,
+          })
+        ),
+      };
+
+      state = {
+        selectedChart: CHART_TYPES.Radar,
+      };
+
+      /**
+       * Restructure the data for a non-time-series, facet-based NRQL query into a
+       * form accepted by the Recharts library's RadarChart.
+       * (https://recharts.org/api/RadarChart).
+       */
+      transformData = (rawData) => {
+        return rawData.map((entry) => ({
+          name: entry.metadata.name,
+          // Only grabbing the first data value because this is not time-series data.
+          value: entry.data[0].y,
+        }));
+      };
+
+      /**
+       * Format the given axis tick's numeric value into a string for display.
+       */
+      formatTick = (value) => {
+        return value.toLocaleString();
+      };
+
+      updateSelectedChart = (evt, value) => {
+        this.setState({ selectedChart: value })
+      };
+
+      render() {
+        const {nrqlQueries, stroke, fill} = this.props;
+
+        const nrqlQueryPropsAvailable =
+          nrqlQueries &&
+          nrqlQueries[0] &&
+          nrqlQueries[0].accountId &&
+          nrqlQueries[0].query;
+
+        if (!nrqlQueryPropsAvailable) {
+          return <EmptyState />;
+        }
+
+        return (
+          <AutoSizer>
+            {({width, height}) => (
+              <NrqlQuery
+                query={nrqlQueries[0].query}
+                accountId={parseInt(nrqlQueries[0].accountId)}
+                pollInterval={NrqlQuery.AUTO_POLL_INTERVAL}
+              >
+                {({data, loading, error}) => {
+                  if (loading) {
+                    return <Spinner />;
+                  }
+
+                  if (error) {
+                    return <ErrorState />;
+                  }
+
+                  const transformedData = this.transformData(data);
+
+                  return (
+                    <React.Fragment>
+                    <SegmentedControl
+                      onChange={(event, value) => console.log(value)}
+                    >
+                      <SegmentedControlItem
+                        value={CHART_TYPES.Radar}
+                        label="Radar chart"
+                      />
+                      <SegmentedControlItem
+                        value={CHART_TYPES.Treemap}
+                        label="Treemap chart"
+                      />
+                    </SegmentedControl>
+                    <RadarChart
+                      width={width}
+                      height={height}
+                      data={transformedData}
+                    >
+                      <PolarGrid />
+                      <PolarAngleAxis dataKey="name" />
+                      <PolarRadiusAxis tickFormatter={this.formatTick} />
+                      <Radar
+                        dataKey="value"
+                        stroke={stroke || '#51C9B7'}
+                        fill={fill || '#51C9B7'}
+                        fillOpacity={0.6}
+                      />
+                    </RadarChart>
+                    </React.Fragment>
+                  );
+                }}
+              </NrqlQuery>
+            )}
+          </AutoSizer>
+        );
+      }
+    }
+
+    const EmptyState = () => (
+      <Card className="EmptyState">
+        <CardBody className="EmptyState-cardBody">
+          <HeadingText
+            spacingType={[HeadingText.SPACING_TYPE.LARGE]}
+            type={HeadingText.TYPE.HEADING_3}
+          >
+            Please provide at least one NRQL query & account ID pair
+          </HeadingText>
+          <HeadingText
+            spacingType={[HeadingText.SPACING_TYPE.MEDIUM]}
+            type={HeadingText.TYPE.HEADING_4}
+          >
+            An example NRQL query you can try is:
+          </HeadingText>
+          <code>FROM NrUsage SELECT sum(usage) FACET metric SINCE 1 week ago</code>
+        </CardBody>
+      </Card>
+    );
+
+    const ErrorState = () => (
+      <Card className="ErrorState">
+        <CardBody className="ErrorState-cardBody">
+          <HeadingText
+            className="ErrorState-headingText"
+            spacingType={[HeadingText.SPACING_TYPE.LARGE]}
+            type={HeadingText.TYPE.HEADING_3}
+          >
+            Oops! Something went wrong.
+          </HeadingText>
+        </CardBody>
+      </Card>
+    );
+    ```
+
+    이 새로운 메소드는 `value` 인수를 사용하고 `state.selectedChart` 해당 값으로 설정합니다.
+  </Step>
+
+  <Step>
+    `SegmentedControl.onChange` `updateSelectedChart()` 로 설정합니다.
+
+    ```js fileName=visualizations/radar-or-treemap/index.js
+    import React from 'react';
+    import PropTypes from 'prop-types';
+    import {
+      Radar,
+      RadarChart,
+      PolarGrid,
+      PolarAngleAxis,
+      PolarRadiusAxis,
+    } from 'recharts';
+    import {
+        AutoSizer,
+        Card,
+        CardBody,
+        HeadingText,
+        NrqlQuery,
+        SegmentedControl,
+        SegmentedControlItem,
+        Spinner,
+    } from 'nr1';
+
+    const CHART_TYPES = {
+      'Radar': 'radar',
+      'Treemap': 'treemap'
+    }
+
+    export default class RadarOrTreemapVisualization extends React.Component {
+      // Custom props you wish to be configurable in the UI must also be defined in
+      // the nr1.json file for the visualization. See docs for more details.
+      static propTypes = {
+        /**
+         * A fill color to override the default fill color. This is an example of
+         * a custom chart configuration.
+         */
+        fill: PropTypes.string,
+
+        /**
+         * A stroke color to override the default stroke color. This is an example of
+         * a custom chart configuration.
+         */
+        stroke: PropTypes.string,
+        /**
+         * An array of objects consisting of a nrql `query` and `accountId`.
+         * This should be a standard prop for any NRQL based visualizations.
+         */
+        nrqlQueries: PropTypes.arrayOf(
+          PropTypes.shape({
+            accountId: PropTypes.number,
+            query: PropTypes.string,
+          })
+        ),
+      };
+
+      state = {
+        selectedChart: CHART_TYPES.Radar,
+      };
+
+      /**
+       * Restructure the data for a non-time-series, facet-based NRQL query into a
+       * form accepted by the Recharts library's RadarChart.
+       * (https://recharts.org/api/RadarChart).
+       */
+      transformData = (rawData) => {
+        return rawData.map((entry) => ({
+          name: entry.metadata.name,
+          // Only grabbing the first data value because this is not time-series data.
+          value: entry.data[0].y,
+        }));
+      };
+
+      /**
+       * Format the given axis tick's numeric value into a string for display.
+       */
+      formatTick = (value) => {
+        return value.toLocaleString();
+      };
+
+      updateSelectedChart = (evt, value) => {
+        this.setState({ selectedChart: value })
+      };
+
+      render() {
+        const {nrqlQueries, stroke, fill} = this.props;
+
+        const nrqlQueryPropsAvailable =
+          nrqlQueries &&
+          nrqlQueries[0] &&
+          nrqlQueries[0].accountId &&
+          nrqlQueries[0].query;
+
+        if (!nrqlQueryPropsAvailable) {
+          return <EmptyState />;
+        }
+
+        return (
+          <AutoSizer>
+            {({width, height}) => (
+              <NrqlQuery
+                query={nrqlQueries[0].query}
+                accountId={parseInt(nrqlQueries[0].accountId)}
+                pollInterval={NrqlQuery.AUTO_POLL_INTERVAL}
+              >
+                {({data, loading, error}) => {
+                  if (loading) {
+                    return <Spinner />;
+                  }
+
+                  if (error) {
+                    return <ErrorState />;
+                  }
+
+                  const transformedData = this.transformData(data);
+
+                  return (
+                    <React.Fragment>
+                    <SegmentedControl
+                      onChange={this.updateSelectedChart}
+                    >
+                      <SegmentedControlItem
+                        value={CHART_TYPES.Radar}
+                        label="Radar chart"
+                      />
+                      <SegmentedControlItem
+                        value={CHART_TYPES.Treemap}
+                        label="Treemap chart"
+                      />
+                    </SegmentedControl>
+                    <RadarChart
+                      width={width}
+                      height={height}
+                      data={transformedData}
+                    >
+                      <PolarGrid />
+                      <PolarAngleAxis dataKey="name" />
+                      <PolarRadiusAxis tickFormatter={this.formatTick} />
+                      <Radar
+                        dataKey="value"
+                        stroke={stroke || '#51C9B7'}
+                        fill={fill || '#51C9B7'}
+                        fillOpacity={0.6}
+                      />
+                    </RadarChart>
+                    </React.Fragment>
+                  );
+                }}
+              </NrqlQuery>
+            )}
+          </AutoSizer>
+        );
+      }
+    }
+
+    const EmptyState = () => (
+      <Card className="EmptyState">
+        <CardBody className="EmptyState-cardBody">
+          <HeadingText
+            spacingType={[HeadingText.SPACING_TYPE.LARGE]}
+            type={HeadingText.TYPE.HEADING_3}
+          >
+            Please provide at least one NRQL query & account ID pair
+          </HeadingText>
+          <HeadingText
+            spacingType={[HeadingText.SPACING_TYPE.MEDIUM]}
+            type={HeadingText.TYPE.HEADING_4}
+          >
+            An example NRQL query you can try is:
+          </HeadingText>
+          <code>FROM NrUsage SELECT sum(usage) FACET metric SINCE 1 week ago</code>
+        </CardBody>
+      </Card>
+    );
+
+    const ErrorState = () => (
+      <Card className="ErrorState">
+        <CardBody className="ErrorState-cardBody">
+          <HeadingText
+            className="ErrorState-headingText"
+            spacingType={[HeadingText.SPACING_TYPE.LARGE]}
+            type={HeadingText.TYPE.HEADING_3}
+          >
+            Oops! Something went wrong.
+          </HeadingText>
+        </CardBody>
+      </Card>
+    );
+    ```
+
+    이제 `SegmentedControl` 에서 선택 사항을 변경하면 선택 사항이 `state` 에서 설정됩니다.
+  </Step>
+</Steps>
+
+## `Treemap` 옵션 구현 [#implement-treemap]
+
+시각화에 [`Treemap`](https://recharts.org/en-US/api/Treemap) 추가합니다. 이 지도는 기존 `RadarChart` 의 대안이 될 것입니다.
+
+<Callout
+  variant="tip"
+  title="기술적인 세부사항"
+>
+  이 가이드에서는 타사 차트용 [Recharts](https://recharts.org) 구성 요소를 사용하지만 뉴렐릭 시각화 및 앱을 구축할 때 현재 React 버전과 호환되는 다른 JavaScript 차트 라이브러리를 사용할 수 있습니다.
+</Callout>
+
+<Steps>
+  <Step>
+    `recharts` 에서 `Treemap` 가져오기:
+
+    ```js fileName=visualizations/radar-or-treemap/index.js
+    import React from 'react';
+    import PropTypes from 'prop-types';
+    import {
+      Radar,
+      RadarChart,
+      PolarGrid,
+      PolarAngleAxis,
+      PolarRadiusAxis,
+      Treemap,
+    } from 'recharts';
+    import {
+        AutoSizer,
+        Card,
+        CardBody,
+        HeadingText,
+        NrqlQuery,
+        SegmentedControl,
+        SegmentedControlItem,
+        Spinner,
+    } from 'nr1';
+
+    const CHART_TYPES = {
+      'Radar': 'radar',
+      'Treemap': 'treemap'
+    }
+
+    export default class RadarOrTreemapVisualization extends React.Component {
+      // Custom props you wish to be configurable in the UI must also be defined in
+      // the nr1.json file for the visualization. See docs for more details.
+      static propTypes = {
+        /**
+         * A fill color to override the default fill color. This is an example of
+         * a custom chart configuration.
+         */
+        fill: PropTypes.string,
+
+        /**
+         * A stroke color to override the default stroke color. This is an example of
+         * a custom chart configuration.
+         */
+        stroke: PropTypes.string,
+        /**
+         * An array of objects consisting of a nrql `query` and `accountId`.
+         * This should be a standard prop for any NRQL based visualizations.
+         */
+        nrqlQueries: PropTypes.arrayOf(
+          PropTypes.shape({
+            accountId: PropTypes.number,
+            query: PropTypes.string,
+          })
+        ),
+      };
+
+      state = {
+        selectedChart: CHART_TYPES.Radar,
+      };
+
+      /**
+       * Restructure the data for a non-time-series, facet-based NRQL query into a
+       * form accepted by the Recharts library's RadarChart.
+       * (https://recharts.org/api/RadarChart).
+       */
+      transformData = (rawData) => {
+        return rawData.map((entry) => ({
+          name: entry.metadata.name,
+          // Only grabbing the first data value because this is not time-series data.
+          value: entry.data[0].y,
+        }));
+      };
+
+      /**
+       * Format the given axis tick's numeric value into a string for display.
+       */
+      formatTick = (value) => {
+        return value.toLocaleString();
+      };
+
+      updateSelectedChart = (evt, value) => {
+        this.setState({ selectedChart: value })
+      };
+
+      render() {
+        const {nrqlQueries, stroke, fill} = this.props;
+
+        const nrqlQueryPropsAvailable =
+          nrqlQueries &&
+          nrqlQueries[0] &&
+          nrqlQueries[0].accountId &&
+          nrqlQueries[0].query;
+
+        if (!nrqlQueryPropsAvailable) {
+          return <EmptyState />;
+        }
+
+        return (
+          <AutoSizer>
+            {({width, height}) => (
+              <NrqlQuery
+                query={nrqlQueries[0].query}
+                accountId={parseInt(nrqlQueries[0].accountId)}
+                pollInterval={NrqlQuery.AUTO_POLL_INTERVAL}
+              >
+                {({data, loading, error}) => {
+                  if (loading) {
+                    return <Spinner />;
+                  }
+
+                  if (error) {
+                    return <ErrorState />;
+                  }
+
+                  const transformedData = this.transformData(data);
+
+                  return (
+                    <React.Fragment>
+                    <SegmentedControl
+                      onChange={this.updateSelectedChart}
+                    >
+                      <SegmentedControlItem
+                        value={CHART_TYPES.Radar}
+                        label="Radar chart"
+                      />
+                      <SegmentedControlItem
+                        value={CHART_TYPES.Treemap}
+                        label="Treemap chart"
+                      />
+                    </SegmentedControl>
+                    <RadarChart
+                      width={width}
+                      height={height}
+                      data={transformedData}
+                    >
+                      <PolarGrid />
+                      <PolarAngleAxis dataKey="name" />
+                      <PolarRadiusAxis tickFormatter={this.formatTick} />
+                      <Radar
+                        dataKey="value"
+                        stroke={stroke || '#51C9B7'}
+                        fill={fill || '#51C9B7'}
+                        fillOpacity={0.6}
+                      />
+                    </RadarChart>
+                    </React.Fragment>
+                  );
+                }}
+              </NrqlQuery>
+            )}
+          </AutoSizer>
+        );
+      }
+    }
+
+    const EmptyState = () => (
+      <Card className="EmptyState">
+        <CardBody className="EmptyState-cardBody">
+          <HeadingText
+            spacingType={[HeadingText.SPACING_TYPE.LARGE]}
+            type={HeadingText.TYPE.HEADING_3}
+          >
+            Please provide at least one NRQL query & account ID pair
+          </HeadingText>
+          <HeadingText
+            spacingType={[HeadingText.SPACING_TYPE.MEDIUM]}
+            type={HeadingText.TYPE.HEADING_4}
+          >
+            An example NRQL query you can try is:
+          </HeadingText>
+          <code>FROM NrUsage SELECT sum(usage) FACET metric SINCE 1 week ago</code>
+        </CardBody>
+      </Card>
+    );
+
+    const ErrorState = () => (
+      <Card className="ErrorState">
+        <CardBody className="ErrorState-cardBody">
+          <HeadingText
+            className="ErrorState-headingText"
+            spacingType={[HeadingText.SPACING_TYPE.LARGE]}
+            type={HeadingText.TYPE.HEADING_3}
+          >
+            Oops! Something went wrong.
+          </HeadingText>
+        </CardBody>
+      </Card>
+    );
+    ```
+
+    이제 시각화 구성요소에서 `Treemap` 사용할 수 있습니다.
+  </Step>
+
+  <Step>
+    `render()` 에서 `Treemap` 구성요소를 추가합니다.
+
+    ```js fileName=visualizations/radar-or-treemap/index.js
+    import React from 'react';
+    import PropTypes from 'prop-types';
+    import {
+      Radar,
+      RadarChart,
+      PolarGrid,
+      PolarAngleAxis,
+      PolarRadiusAxis,
+      Treemap,
+    } from 'recharts';
+    import {
+        AutoSizer,
+        Card,
+        CardBody,
+        HeadingText,
+        NrqlQuery,
+        SegmentedControl,
+        SegmentedControlItem,
+        Spinner,
+    } from 'nr1';
+
+    const CHART_TYPES = {
+      'Radar': 'radar',
+      'Treemap': 'treemap'
+    }
+
+    export default class RadarOrTreemapVisualization extends React.Component {
+      // Custom props you wish to be configurable in the UI must also be defined in
+      // the nr1.json file for the visualization. See docs for more details.
+      static propTypes = {
+        /**
+         * A fill color to override the default fill color. This is an example of
+         * a custom chart configuration.
+         */
+        fill: PropTypes.string,
+
+        /**
+         * A stroke color to override the default stroke color. This is an example of
+         * a custom chart configuration.
+         */
+        stroke: PropTypes.string,
+        /**
+         * An array of objects consisting of a nrql `query` and `accountId`.
+         * This should be a standard prop for any NRQL based visualizations.
+         */
+        nrqlQueries: PropTypes.arrayOf(
+          PropTypes.shape({
+            accountId: PropTypes.number,
+            query: PropTypes.string,
+          })
+        ),
+      };
+
+      state = {
+        selectedChart: CHART_TYPES.Radar,
+      };
+
+      /**
+       * Restructure the data for a non-time-series, facet-based NRQL query into a
+       * form accepted by the Recharts library's RadarChart.
+       * (https://recharts.org/api/RadarChart).
+       */
+      transformData = (rawData) => {
+        return rawData.map((entry) => ({
+          name: entry.metadata.name,
+          // Only grabbing the first data value because this is not time-series data.
+          value: entry.data[0].y,
+        }));
+      };
+
+      /**
+       * Format the given axis tick's numeric value into a string for display.
+       */
+      formatTick = (value) => {
+        return value.toLocaleString();
+      };
+
+      updateSelectedChart = (evt, value) => {
+        this.setState({ selectedChart: value })
+      };
+
+      render() {
+        const {nrqlQueries, stroke, fill} = this.props;
+
+        const nrqlQueryPropsAvailable =
+          nrqlQueries &&
+          nrqlQueries[0] &&
+          nrqlQueries[0].accountId &&
+          nrqlQueries[0].query;
+
+        if (!nrqlQueryPropsAvailable) {
+          return <EmptyState />;
+        }
+
+        return (
+          <AutoSizer>
+            {({width, height}) => (
+              <NrqlQuery
+                query={nrqlQueries[0].query}
+                accountId={parseInt(nrqlQueries[0].accountId)}
+                pollInterval={NrqlQuery.AUTO_POLL_INTERVAL}
+              >
+                {({data, loading, error}) => {
+                  if (loading) {
+                    return <Spinner />;
+                  }
+
+                  if (error) {
+                    return <ErrorState />;
+                  }
+
+                  const transformedData = this.transformData(data);
+
+                  return (
+                    <React.Fragment>
+                    <SegmentedControl
+                      onChange={this.updateSelectedChart}
+                    >
+                      <SegmentedControlItem
+                        value={CHART_TYPES.Radar}
+                        label="Radar chart"
+                      />
+                      <SegmentedControlItem
+                        value={CHART_TYPES.Treemap}
+                        label="Treemap chart"
+                      />
+                    </SegmentedControl>
+                    <RadarChart
+                      width={width}
+                      height={height}
+                      data={transformedData}
+                    >
+                      <PolarGrid />
+                      <PolarAngleAxis dataKey="name" />
+                      <PolarRadiusAxis tickFormatter={this.formatTick} />
+                      <Radar
+                        dataKey="value"
+                        stroke={stroke || '#51C9B7'}
+                        fill={fill || '#51C9B7'}
+                        fillOpacity={0.6}
+                      />
+                    </RadarChart>
+                    <Treemap
+                      width={width}
+                      height={height}
+                      data={transformedData}
+                      dataKey="value"
+                      ratio={4 / 3}
+                      stroke={stroke || '#000000'}
+                      fill={fill || '#51C9B7'}
+                    />
+                    </React.Fragment>
+                  );
+                }}
+              </NrqlQuery>
+            )}
+          </AutoSizer>
+        );
+      }
+    }
+
+    const EmptyState = () => (
+      <Card className="EmptyState">
+        <CardBody className="EmptyState-cardBody">
+          <HeadingText
+            spacingType={[HeadingText.SPACING_TYPE.LARGE]}
+            type={HeadingText.TYPE.HEADING_3}
+          >
+            Please provide at least one NRQL query & account ID pair
+          </HeadingText>
+          <HeadingText
+            spacingType={[HeadingText.SPACING_TYPE.MEDIUM]}
+            type={HeadingText.TYPE.HEADING_4}
+          >
+            An example NRQL query you can try is:
+          </HeadingText>
+          <code>FROM NrUsage SELECT sum(usage) FACET metric SINCE 1 week ago</code>
+        </CardBody>
+      </Card>
+    );
+
+    const ErrorState = () => (
+      <Card className="ErrorState">
+        <CardBody className="ErrorState-cardBody">
+          <HeadingText
+            className="ErrorState-headingText"
+            spacingType={[HeadingText.SPACING_TYPE.LARGE]}
+            type={HeadingText.TYPE.HEADING_3}
+          >
+            Oops! Something went wrong.
+          </HeadingText>
+        </CardBody>
+      </Card>
+    );
+    ```
+
+    여기에서는 `height`, `width`, `fill` 및 `stroke` 등 일부 속성을 사용하여 새 `Treemap` 구성요소를 정의했습니다.
+  </Step>
+
+  <Step>
+    Nerdpack이 로컬로 제공되면 [시각화를 볼 수 있습니다](https://one.newrelic.com?nerdpacks=local). `SegmentedControl` 및 `RadarChart` 뷰 상단에 있지만 아래로 스크롤하면 새 `Treemap` 가 표시됩니다.
+  </Step>
+</Steps>
+
+<Steps>
+  <Step>
+    ## 구성 요소를 사용하여 차트 간 전환 `state` [#switch-charts]
+
+    `state.selectedChart` 사용하여 표시할 차트( `RadarChart` 또는 `Treemap` 를 결정합니다.
+  </Step>
+
+  <Step>
+    `selectedChart` 에 별도의 상수로 액세스하려면 `this.state` 구조 해제하세요. 그런 다음, `selectedChart` `CHART_TYPES.Radar` 과 비교합니다. 동일하다면 `RadarChart` 렌더링합니다. 그렇지 않으면 `Treemap` 를 렌더링합니다.
+
+    ```js fileName=visualizations/radar-or-treemap/index.js
+    import React from 'react';
+    import PropTypes from 'prop-types';
+    import {
+      Radar,
+      RadarChart,
+      PolarGrid,
+      PolarAngleAxis,
+      PolarRadiusAxis,
+      Treemap,
+    } from 'recharts';
+    import {
+        AutoSizer,
+        Card,
+        CardBody,
+        HeadingText,
+        NrqlQuery,
+        SegmentedControl,
+        SegmentedControlItem,
+        Spinner,
+    } from 'nr1';
+
+    const CHART_TYPES = {
+      'Radar': 'radar',
+      'Treemap': 'treemap'
+    }
+
+    export default class RadarOrTreemapVisualization extends React.Component {
+      // Custom props you wish to be configurable in the UI must also be defined in
+      // the nr1.json file for the visualization. See docs for more details.
+      static propTypes = {
+        /**
+         * A fill color to override the default fill color. This is an example of
+         * a custom chart configuration.
+         */
+        fill: PropTypes.string,
+
+        /**
+         * A stroke color to override the default stroke color. This is an example of
+         * a custom chart configuration.
+         */
+        stroke: PropTypes.string,
+        /**
+         * An array of objects consisting of a nrql `query` and `accountId`.
+         * This should be a standard prop for any NRQL based visualizations.
+         */
+        nrqlQueries: PropTypes.arrayOf(
+          PropTypes.shape({
+            accountId: PropTypes.number,
+            query: PropTypes.string,
+          })
+        ),
+      };
+
+      state = {
+        selectedChart: CHART_TYPES.Radar,
+      };
+
+      /**
+       * Restructure the data for a non-time-series, facet-based NRQL query into a
+       * form accepted by the Recharts library's RadarChart.
+       * (https://recharts.org/api/RadarChart).
+       */
+      transformData = (rawData) => {
+        return rawData.map((entry) => ({
+          name: entry.metadata.name,
+          // Only grabbing the first data value because this is not time-series data.
+          value: entry.data[0].y,
+        }));
+      };
+
+      /**
+       * Format the given axis tick's numeric value into a string for display.
+       */
+      formatTick = (value) => {
+        return value.toLocaleString();
+      };
+
+      updateSelectedChart = (evt, value) => {
+        this.setState({ selectedChart: value })
+      };
+
+      render() {
+        const {nrqlQueries, stroke, fill} = this.props;
+        const {selectedChart} = this.state;
+
+        const nrqlQueryPropsAvailable =
+          nrqlQueries &&
+          nrqlQueries[0] &&
+          nrqlQueries[0].accountId &&
+          nrqlQueries[0].query;
+
+        if (!nrqlQueryPropsAvailable) {
+          return <EmptyState />;
+        }
+
+        return (
+          <AutoSizer>
+            {({width, height}) => (
+              <NrqlQuery
+                query={nrqlQueries[0].query}
+                accountId={parseInt(nrqlQueries[0].accountId)}
+                pollInterval={NrqlQuery.AUTO_POLL_INTERVAL}
+              >
+                {({data, loading, error}) => {
+                  if (loading) {
+                    return <Spinner />;
+                  }
+
+                  if (error) {
+                    return <ErrorState />;
+                  }
+
+                  const transformedData = this.transformData(data);
+
+                  return (
+                    <React.Fragment>
+                    <SegmentedControl
+                      onChange={this.updateSelectedChart}
+                    >
+                      <SegmentedControlItem
+                        value={CHART_TYPES.Radar}
+                        label="Radar chart"
+                      />
+                      <SegmentedControlItem
+                        value={CHART_TYPES.Treemap}
+                        label="Treemap chart"
+                      />
+                    </SegmentedControl>
+                    {selectedChart === CHART_TYPES.Radar ? (
+                    <RadarChart
+                      width={width}
+                      height={height}
+                      data={transformedData}
+                    >
+                      <PolarGrid />
+                      <PolarAngleAxis dataKey="name" />
+                      <PolarRadiusAxis tickFormatter={this.formatTick} />
+                      <Radar
+                        dataKey="value"
+                        stroke={stroke || '#51C9B7'}
+                        fill={fill || '#51C9B7'}
+                        fillOpacity={0.6}
+                      />
+                    </RadarChart>
+                    ) : (
+                    <Treemap
+                      width={width}
+                      height={height}
+                      data={transformedData}
+                      dataKey="value"
+                      ratio={4 / 3}
+                      stroke={stroke || '#000000'}
+                      fill={fill || '#51C9B7'}
+                    />
+                    )}
+                    </React.Fragment>
+                  );
+                }}
+              </NrqlQuery>
+            )}
+          </AutoSizer>
+        );
+      }
+    }
+
+    const EmptyState = () => (
+      <Card className="EmptyState">
+        <CardBody className="EmptyState-cardBody">
+          <HeadingText
+            spacingType={[HeadingText.SPACING_TYPE.LARGE]}
+            type={HeadingText.TYPE.HEADING_3}
+          >
+            Please provide at least one NRQL query & account ID pair
+          </HeadingText>
+          <HeadingText
+            spacingType={[HeadingText.SPACING_TYPE.MEDIUM]}
+            type={HeadingText.TYPE.HEADING_4}
+          >
+            An example NRQL query you can try is:
+          </HeadingText>
+          <code>FROM NrUsage SELECT sum(usage) FACET metric SINCE 1 week ago</code>
+        </CardBody>
+      </Card>
+    );
+
+    const ErrorState = () => (
+      <Card className="ErrorState">
+        <CardBody className="ErrorState-cardBody">
+          <HeadingText
+            className="ErrorState-headingText"
+            spacingType={[HeadingText.SPACING_TYPE.LARGE]}
+            type={HeadingText.TYPE.HEADING_3}
+          >
+            Oops! Something went wrong.
+          </HeadingText>
+        </CardBody>
+      </Card>
+    );
+    ```
+
+    여기서는 삼항 표현식을 사용하여 `RadarChart` 또는 `Treemap` 을 렌더링했습니다. 렌더링된 차트는 `selectedChart` 값에 따라 결정됩니다.
+  </Step>
+
+  <Step>
+    Nerdpack이 로컬로 제공되면 [시각화를 볼 수 있습니다](https://one.newrelic.com?nerdpacks=local).
+
+    `SegmentedControl` 에서 **Radar chart** \[방사형 차트를] 선택합니다.
+
+    `SegmentedControl` 에서 **Treemap chart** \[트리맵 차트를] 선택합니다.
+  </Step>
+</Steps>
+
+## 요약 [#summary]
+
+축하해요! 이 강의에서는 다음 방법을 배웠습니다.
+
+* 뉴렐릭 One SDK 구성 요소를 사용하여 시각화를 사용자 정의하세요.
+* 시각화에 새 차트 유형 추가
+* 시각화에서 사용자 복합형 만들기
+
+<Callout variant="tip">
+  이 강의는 뉴렐릭 플랫폼에서 사용자 정의 시각화를 구축하는 방법을 가르치는 과정의 일부입니다. 준비가 되면 다음 단원 [인 설정을 사용하여 시각화 사용자 정의를](/docs/new-relic-solutions/tutorials/custom-visualization-config) 계속 진행하세요.
+</Callout>
\ No newline at end of file
diff --git a/src/i18n/content/kr/docs/serverless-function-monitoring/aws-lambda-monitoring/enable-lambda-monitoring/containerized-images.mdx b/src/i18n/content/kr/docs/serverless-function-monitoring/aws-lambda-monitoring/enable-lambda-monitoring/containerized-images.mdx
index 1e1bfe7c9e2..454b699e9c8 100644
--- a/src/i18n/content/kr/docs/serverless-function-monitoring/aws-lambda-monitoring/enable-lambda-monitoring/containerized-images.mdx
+++ b/src/i18n/content/kr/docs/serverless-function-monitoring/aws-lambda-monitoring/enable-lambda-monitoring/containerized-images.mdx
@@ -5,24 +5,40 @@ freshnessValidatedDate: never
 translationType: machine
 ---
 
-Lambda용 컨테이너화된 이미지를 사용하고 있고 실제 크기를 모니터링하려면 코드에 뉴렐릭을 추가해야 합니다. 사전 구축된 계층을 이미지에 추가한 후 이미지를 AWS Elastic 컨테이너 레지스트리로 푸시합니다. 거기서부터 함수를 실행할 때마다 뉴렐릭이 동시에 실행됩니다.
+import serverlessContainerizedImagesWithLambda from 'images/serverless_diagram_containerized-images-with-lambda.webp'
+
+Lambda 함수에 대해 컨테이너화된 이미지를 사용하고 있고 로그를 모니터링하려면 코드에 뉴렐릭을 추가해야 합니다. 예를 들어, 귀하가 예산 책정 애플리케이션 개발자이고 고객이 **See my balance** \[내 잔액 보기 를] 클릭할 때마다 Lambda 함수를 사용하여 계정 잔액을 계산한다고 가정해 보겠습니다. 잠재적인 지연시간에 대해 자세히 알아보고 싶습니다. 이 경우 함수에 뉴렐릭을 추가해야 하므로 고객이 **See my balance** \[내 잔액 보기를] 클릭할 때마다 함수가 실행되고 뉴렐릭도 실행됩니다.
+
+먼저 뉴렐릭의 사전 빌드된 레이어를 코드에 추가해야 합니다. 여기에서 이미지를 [AWS Elastic 컨테이너 레지스트리](https://console.aws.amazon.com/ecr/home/) 로 푸시해야 합니다. 뉴렐릭의 사전 구축된 계층과 결합된 코드를 푸시업한 후에는 AWS ECR에 푸시한 이미지에서 새 함수를 생성해야 합니다.
+
+사전 구축된 레이어의 작동 방식을 이해하려면 이 다이어그램을 살펴보세요.
+
+<img
+  title="containerized images "
+  alt="A diagram demonstrating how New Relic integrates with your Lambda containerized image."
+  src={serverlessContainerizedImagesWithLambda}
+/>
+
+<figcaption>
+  Lambda 함수에 컨테이너화된 이미지를 사용하는 경우 이미지에 뉴렐릭을 추가할 수 있습니다.
+</figcaption>
 
 다음은 사전 구축된 레이어를 코드에 추가하는 방법에 대한 가이드입니다.
 
 <Steps>
   <Step>
-    ### Dockerfile에 뉴렐릭을 추가하세요.
+    ### Dockerfile에 뉴렐릭 추가
 
     뉴렐릭은 레이어의 다양한 런타임(Java, Node.js, Python 및 확장 전용입니다.
 
     1. 특정 Lambda 함수의 런타임 및 지역과 호환되는 계층을 선택합니다.
 
-    * [자바](https://gallery.ecr.aws/newrelic-lambda-layers-for-docker/newrelic-lambda-layers-java)
-    * [노드.js](https://gallery.ecr.aws/newrelic-lambda-layers-for-docker/newrelic-lambda-layers-nodejs)
-    * [파이썬](https://gallery.ecr.aws/x6n7b2o2/newrelic-lambda-layers-python)
-    * [확장 전용](https://gallery.ecr.aws/newrelic-lambda-layers-for-docker/newrelic-lambda-layers-lambdaextension)
+       * [자바](https://gallery.ecr.aws/newrelic-lambda-layers-for-docker/newrelic-lambda-layers-java)
+       * [노드.js](https://gallery.ecr.aws/newrelic-lambda-layers-for-docker/newrelic-lambda-layers-nodejs)
+       * [파이썬](https://gallery.ecr.aws/x6n7b2o2/newrelic-lambda-layers-python)
+       * [확장 전용](https://gallery.ecr.aws/newrelic-lambda-layers-for-docker/newrelic-lambda-layers-lambdaextension)
 
-    1. **Dockerfile 상단에** 다음 코드를 추가하세요.
+    2. Dockerfile 상단에 다음 코드를 추가합니다.
 
     <Tabs>
       <TabsBar>
@@ -54,7 +70,7 @@ Lambda용 컨테이너화된 이미지를 사용하고 있고 실제 크기를 
         </TabsPageItem>
 
         <TabsPageItem id="python">
-          ```
+          ```java
           FROM public.ecr.aws/newrelic-lambda-layers-for-docker/newrelic-lambda-layers-python:38-arm64 AS layer
 
           # Layer code
@@ -63,7 +79,7 @@ Lambda용 컨테이너화된 이미지를 사용하고 있고 실제 크기를 
         </TabsPageItem>
 
         <TabsPageItem id="nodejs">
-          ```
+          ```js
           FROM public.ecr.aws/newrelic-lambda-layers-for-docker/newrelic-lambda-layers-nodejs:20-arm64 AS layer
 
           # Layer code
@@ -93,13 +109,606 @@ Lambda용 컨테이너화된 이미지를 사용하고 있고 실제 크기를 
   <Step>
     ### Lambda 함수 구성
 
-    1. AWS ECR에 푸시한 이미지를 사용하여 새로운 Lambda 함수를 생성합니다. 이 함수를 생성하는 방법에 대한 자세한 내용은 AWS 가이드: [컨테이너 이미지 작업 을](https://docs.aws.amazon.com/lambda/latest/dg/images-create.html) 검토하는 것이 좋습니다.
+    1. AWS ECR에 푸시한 이미지를 사용하여 새로운 Lambda 함수를 생성합니다. 이 함수 생성에 대한 자세한 내용은 AWS 가이드: [컨테이너 이미지 작업 을](https://docs.aws.amazon.com/lambda/latest/dg/images-create.html) 검토하는 것이 좋습니다.
 
-    2. 원래 함수와 동일한 설정으로 Lambda 함수를 구성하되, 뉴웰릭 Lambda 모니터링에 필요한 환경 변수를 추가했는지 확인하세요.
+    2. 원본 함수와 동일한 설정으로 Lambda 함수를 구성하되, 뉴웰릭 Lambda 모니터링에 필요한 환경 변수를 추가했는지 확인하세요. 자세한 내용은 [환경 변수를](/docs/serverless-function-monitoring/aws-lambda-monitoring/enable-lambda-monitoring/containerized-images/#environment) 참조하세요.
 
     3. 함수의 `cmd` 재정의에서 새로 연결된 레이어를 가리키도록 함수 핸들러를 업데이트합니다. 다음 두 문서의 지침을 사용하여 그렇게 할 수 있습니다.
 
        * [Lambda 콘솔 UI 구성](https://docs.newrelic.com/docs/serverless-function-monitoring/aws-lambda-monitoring/enable-lambda-monitoring/instrument-your-own/#console)
        * [레이어 없는 측정, Lambda 모니터링을 위한 로그](docs/serverless-function-monitoring/aws-lambda-monitoring/enable-lambda-monitoring/enable-serverless-monitoring-aws-lambda-layerless)
   </Step>
-</Steps>
\ No newline at end of file
+</Steps>
+
+## 환경 변수 [#environment]
+
+모니터링 요구 사항에 맞는 뉴렐릭 환경 변수를 사용하여 새로운 Lambda 함수를 구성하는 것이 중요합니다. 사용 가능한 환경 변수와 기본 설정에 대한 권장 사항을 보려면 런타임을 선택하세요.
+
+<CollapserGroup>
+  <Collapser
+    id="distributed-tracing"
+    title="Node.js 및 Python 에이전트에 대한 분산 추적"
+  >
+    <table>
+      <thead>
+        <tr>
+          <th>
+            환경 변수
+          </th>
+
+          <th>
+            기본값
+          </th>
+
+          <th>
+            옵션
+          </th>
+
+          <th>
+            설명
+          </th>
+        </tr>
+      </thead>
+
+      <tbody>
+        <tr>
+          <td>
+            `NEW_RELIC_ACCOUNT_ID`
+          </td>
+
+          <td/>
+
+          <td/>
+
+          <td>
+            귀하의 New Relic 계정 ID
+          </td>
+        </tr>
+
+        <tr>
+          <td>
+            `NEW_RELIC_TRUSTED_ACCOUNT_KEY`
+          </td>
+
+          <td/>
+
+          <td/>
+
+          <td>
+            귀하의 뉴렐릭 계정 ID 또는 부모 ID(존재하는 경우)
+          </td>
+        </tr>
+
+        <tr>
+          <td>
+            `NEW_RELIC_DISTRIBUTED_TRACING_ENABLED`
+          </td>
+
+          <td>
+            `false`
+          </td>
+
+          <td>
+            `true`, `false`
+          </td>
+
+          <td>
+            분산 추적 활성화 또는 비활성화
+          </td>
+        </tr>
+      </tbody>
+    </table>
+  </Collapser>
+
+  <Collapser
+    id="node-js"
+    title="노드.js"
+  >
+    <table>
+      <thead>
+        <tr>
+          <th>
+            환경 변수
+          </th>
+
+          <th>
+            기본값
+          </th>
+
+          <th>
+            옵션
+          </th>
+
+          <th>
+            설명
+          </th>
+        </tr>
+      </thead>
+
+      <tbody>
+        <tr>
+          <td>
+            `NEW_RELIC_NO_CONFIG_FILE`
+          </td>
+
+          <td>
+            `false`
+          </td>
+
+          <td>
+            `true`, `false`
+          </td>
+
+          <td>
+            Node.js 에이전트는 Lambda의 환경 변수를 사용하므로 다음과 같이 설정해야 합니다. `true`
+          </td>
+        </tr>
+
+        <tr>
+          <td>
+            `NEW_RELIC_APP_NAME`
+          </td>
+
+          <td/>
+
+          <td/>
+
+          <td>
+            설정해야 하지만 뉴렐릭 UI 에서는 사용되지 않습니다. 대신 엔터티 이름은 AWS 통합에서 나옵니다.
+          </td>
+        </tr>
+
+        <tr>
+          <td>
+            `NEW_RELIC_LOG_ENABLED`
+          </td>
+
+          <td>
+            `false`
+          </td>
+
+          <td>
+            `true`,`false`
+          </td>
+
+          <td>
+            CloudWatch에 에이전트 로그를 출력합니다.
+          </td>
+        </tr>
+
+        <tr>
+          <td>
+            `NEW_RELIC_LOG_LEVEL`
+          </td>
+
+          <td>
+            `info`
+          </td>
+
+          <td>
+            `fatal`, `error` , `warn` , `info` , `debug` , `trace`
+          </td>
+
+          <td>
+            에이전트 로그 레벨
+          </td>
+        </tr>
+
+        <tr>
+          <td>
+            `NEW_RELIC_LOG`
+          </td>
+
+          <td>
+            `stdout`
+          </td>
+
+          <td>
+            `stdout`
+          </td>
+
+          <td>
+            서버리스 모드의 Node.js 에이전트에 대한 에이전트 로그 경로는 stdout이어야 합니다.
+          </td>
+        </tr>
+
+        <tr>
+          <td>
+            `NEW_RELIC_USE_ESM`
+          </td>
+
+          <td>
+            `false`
+          </td>
+
+          <td>
+            `true`, `false`
+          </td>
+
+          <td>
+            콜백이 아닌 async/await를 사용하는 ESM 기능
+          </td>
+        </tr>
+
+        <tr>
+          <td>
+            `NEW_RELIC_NATIVE_METRICS_ENABLED`
+          </td>
+
+          <td>
+            `true`
+          </td>
+
+          <td>
+            `true`, `false`
+          </td>
+
+          <td>
+            콜드 스타트 기간을 줄이려면 false로 설정해야 합니다. `false` 으로 설정하면 VM 지표를 수집하지 않습니다.
+          </td>
+        </tr>
+      </tbody>
+    </table>
+
+    [Node.js 설정 문서](/docs/apm/agents/nodejs-agent/installation-configuration/nodejs-agent-configuration/) 에서 더 많은 환경 변수를 찾을 수 있습니다.
+  </Collapser>
+
+  <Collapser
+    id="python"
+    title="파이썬"
+  >
+    <table>
+      <thead>
+        <tr>
+          <th>
+            환경 변수
+          </th>
+
+          <th>
+            기본값
+          </th>
+
+          <th>
+            옵션
+          </th>
+
+          <th>
+            설명
+          </th>
+        </tr>
+      </thead>
+
+      <tbody>
+        <tr>
+          <td>
+            `NEW_RELIC_NO_CONFIG_FILE`
+          </td>
+
+          <td>
+            `false`
+          </td>
+
+          <td>
+            `true`, `false`
+          </td>
+
+          <td>
+            에이전트는 Lambda에서 환경 변수를 사용하므로 이를 true로 설정해야 합니다.
+          </td>
+        </tr>
+
+        <tr>
+          <td>
+            `NEW_RELIC_APP_NAME`
+          </td>
+
+          <td/>
+
+          <td/>
+
+          <td>
+            설정해야 하지만 뉴렐릭 UI 에서는 사용되지 않습니다. 대신 엔터티 이름은 AWS 통합에서 나옵니다.
+          </td>
+        </tr>
+
+        <tr>
+          <td>
+            `NEW_RELIC_LOG`
+          </td>
+
+          <td>
+            `stderr`
+          </td>
+
+          <td>
+            `stderr`
+          </td>
+
+          <td>
+            에이전트 로그 경로는 서버리스 모드의 Python 에이전트에 대해 `stderr `이어야 합니다.
+          </td>
+        </tr>
+
+        <tr>
+          <td>
+            `NEW_RELIC_LOG_LEVEL`
+          </td>
+
+          <td>
+            `info`
+          </td>
+
+          <td>
+            `critical`, `error` , `warning` , `info` , `debug`
+          </td>
+
+          <td>
+            에이전트 로그 레벨
+          </td>
+        </tr>
+
+        <tr>
+          <td>
+            `NEW_RELIC_SERVERLESS_MODE_ENABLED`
+          </td>
+
+          <td>
+            `false`
+          </td>
+
+          <td>
+            `true`, `false`
+          </td>
+
+          <td>
+            에이전트가 서버리스 모드에서 실행되도록 하려면 이를 `true` 로 설정해야 합니다.
+          </td>
+        </tr>
+
+        <tr>
+          <td>
+            `NEW_RELIC_PACKAGE_REPORTING_ENABLED`
+          </td>
+
+          <td>
+            `true`
+          </td>
+
+          <td>
+            `true`, `false`
+          </td>
+
+          <td>
+            콜드 스타트 시간을 개선하려면 Python 에이전트 패키지 보고를 `false` 로 설정해야 합니다.
+          </td>
+        </tr>
+      </tbody>
+    </table>
+
+    [Python 설정 문서](/docs/apm/agents/python-agent/configuration/python-agent-configuration) 에서 더 많은 환경 변수를 찾을 수 있습니다.
+  </Collapser>
+
+  <Collapser
+    id="java"
+    title="자바 오픈 트레이싱"
+  >
+    <table>
+      <thead>
+        <tr>
+          <th>
+            환경 변수
+          </th>
+
+          <th>
+            기본값
+          </th>
+
+          <th>
+            옵션
+          </th>
+
+          <th>
+            설명
+          </th>
+        </tr>
+      </thead>
+
+      <tbody>
+        <tr>
+          <td>
+            `NEW_RELIC_PRIMARY_APPLICATION_ID`
+          </td>
+
+          <td/>
+
+          <td/>
+
+          <td>
+            귀하의 New Relic 계정 ID
+          </td>
+        </tr>
+
+        <tr>
+          <td>
+            `NEW_RELIC_DEBUG`
+          </td>
+
+          <td>
+            `false`
+          </td>
+
+          <td>
+            `true`, `false`
+          </td>
+
+          <td>
+            에이전트 로그 레벨
+          </td>
+        </tr>
+      </tbody>
+    </table>
+  </Collapser>
+
+  <Collapser
+    id="extension"
+    title="확대"
+  >
+    <table>
+      <thead>
+        <tr>
+          <th>
+            환경 변수
+          </th>
+
+          <th>
+            기본값
+          </th>
+
+          <th>
+            옵션
+          </th>
+
+          <th>
+            설명
+          </th>
+        </tr>
+      </thead>
+
+      <tbody>
+        <tr>
+          <td>
+            `NEW_RELIC_LAMBDA_EXTENSION_ENABLED`
+          </td>
+
+          <td>
+            `true`
+          </td>
+
+          <td>
+            `true`, `false`
+          </td>
+
+          <td>
+            확장 기능 활성화 또는 비활성화
+          </td>
+        </tr>
+
+        <tr>
+          <td>
+            `NEW_RELIC_LICENSE_KEY`
+          </td>
+
+          <td/>
+
+          <td/>
+
+          <td>
+            뉴렐릭 수집 키입니다. 이는 Secrets Manager를 재정의합니다.
+          </td>
+        </tr>
+
+        <tr>
+          <td>
+            `NEW_RELIC_LICENSE_KEY_SECRET`
+          </td>
+
+          <td>
+            `NEW_RELIC_LICENSE_KEY`
+          </td>
+
+          <td/>
+
+          <td>
+            AWS Secrets Manager의 사용자 지정 비밀 이름
+          </td>
+        </tr>
+
+        <tr>
+          <td>
+            `NEW_RELIC_LAMBDA_HANDLER`
+          </td>
+
+          <td/>
+
+          <td/>
+
+          <td>
+            뉴렐릭의 [수동 래핑 방법을](https://github.com/newrelic/newrelic-lambda-layers?tab=readme-ov-file#note-on-performance-for-es-module-functions) 사용하지 않는 경우 이것이 함수의 핸들러입니다.
+          </td>
+        </tr>
+
+        <tr>
+          <td>
+            `NEW_RELIC_DATA_COLLECTION_TIMEOUT`
+          </td>
+
+          <td>
+            10초
+          </td>
+
+          <td/>
+
+          <td>
+            다음의 경우 시간 초과 기간을 줄입니다. `Telemetry client error`
+          </td>
+        </tr>
+
+        <tr>
+          <td>
+            `NEW_RELIC_EXTENSION_LOGS_ENABLED`
+          </td>
+
+          <td>
+            `true`
+          </td>
+
+          <td>
+            `true`, `false`
+          </td>
+
+          <td>
+            `NR_EXT` 로그 줄 활성화 또는 비활성화
+          </td>
+        </tr>
+
+        <tr>
+          <td>
+            `NEW_RELIC_EXTENSION_LOG_LEVEL`
+          </td>
+
+          <td>
+            `info`
+          </td>
+
+          <td>
+            `info`, `debug`
+          </td>
+
+          <td>
+            NR_EXT 로그인 라인의 계정 레벨
+          </td>
+        </tr>
+
+        <tr>
+          <td>
+            `NEW_RELIC_EXTENSION_SEND_FUNCTION_LOGS`
+          </td>
+
+          <td>
+            `false`
+          </td>
+
+          <td>
+            `true`, `false`
+          </td>
+
+          <td>
+            기능 로그 보내기
+          </td>
+        </tr>
+      </tbody>
+    </table>
+
+    [설명서](https://github.com/newrelic/newrelic-lambda-extension/blob/cf86fb53f0bd816e1d09d07f7b5c5ab4841010a0/config/config.go#L41-L55) 에서 뉴렐릭 확장에 대한 더 많은 환경 변수를 확인하세요.
+  </Collapser>
+</CollapserGroup>
\ No newline at end of file
diff --git a/src/i18n/content/pt/docs/accounts/accounts-billing/new-relic-one-pricing-billing/usage-queries-alerts.mdx b/src/i18n/content/pt/docs/accounts/accounts-billing/new-relic-one-pricing-billing/usage-queries-alerts.mdx
index d67a1034cf6..4c9f38d7428 100644
--- a/src/i18n/content/pt/docs/accounts/accounts-billing/new-relic-one-pricing-billing/usage-queries-alerts.mdx
+++ b/src/i18n/content/pt/docs/accounts/accounts-billing/new-relic-one-pricing-billing/usage-queries-alerts.mdx
@@ -100,7 +100,7 @@ Para obter informações sobre limites de ingestão de dados e limites de consul
 
 ## Consulta de contagem de usuários [#user-queries]
 
-Para uma exibição de sua contagem de usuários, consulte o [](/docs/accounts/accounts-billing/new-relic-one-pricing-billing/new-relic-one-pricing-billing#usage-ui). Se precisar de mais detalhes do que isso, você pode usar o exemplo de consulta NRQL abaixo. Para obter detalhes sobre como usuário são calculados, consulte [Cálculos de usuários faturáveis](/docs/accounts/accounts-billing/new-relic-one-pricing-billing/user-count-billing).
+Para ver sua contagem de usuários, consulte a [interface de uso](/docs/accounts/accounts-billing/new-relic-one-pricing-billing/new-relic-one-pricing-billing#usage-ui). Se precisar de mais detalhes do que isso, você pode usar o exemplo de consulta NRQL abaixo. Para obter detalhes sobre como usuário são calculados, consulte [Cálculos de usuários faturáveis](/docs/accounts/accounts-billing/new-relic-one-pricing-billing/user-count-billing).
 
 A maioria das organizações da New Relic tem a capacidade de adicionar usuários principais. Esta seção inclui consultas que funcionarão para essas organizações. Se você pertence a uma organização mais antiga que não [optou por desbloquear o usuário core](/docs/accounts/accounts-billing/new-relic-one-pricing-billing/new-relic-one-pricing-billing#core-acceptance), consulte [a consulta para organizações sem usuário core](#queries-non-core).
 
diff --git a/src/i18n/content/pt/docs/accounts/accounts-billing/new-relic-one-user-management/user-permissions.mdx b/src/i18n/content/pt/docs/accounts/accounts-billing/new-relic-one-user-management/user-permissions.mdx
index 2b369e07d5b..7f6832fadd3 100644
--- a/src/i18n/content/pt/docs/accounts/accounts-billing/new-relic-one-user-management/user-permissions.mdx
+++ b/src/i18n/content/pt/docs/accounts/accounts-billing/new-relic-one-user-management/user-permissions.mdx
@@ -250,7 +250,7 @@ Para saber mais sobre permissões específicas, selecione uma categoria abaixo o
 
     * <DoNotTranslate>**View session replays**</DoNotTranslate>
 
-      : refere-se à visualização [da lista de permissões](/docs/browser/browser-monitoring/browser-pro-features/session-replay) de replays.
+      : refere-se à [visualização de replays.](/docs/browser/browser-monitoring/browser-pro-features/session-replay).
   </Collapser>
 
   <Collapser
diff --git a/src/i18n/content/pt/docs/apm/agents/net-agent/configuration/net-agent-configuration.mdx b/src/i18n/content/pt/docs/apm/agents/net-agent/configuration/net-agent-configuration.mdx
index 983d3f71be6..a2b3fb57746 100644
--- a/src/i18n/content/pt/docs/apm/agents/net-agent/configuration/net-agent-configuration.mdx
+++ b/src/i18n/content/pt/docs/apm/agents/net-agent/configuration/net-agent-configuration.mdx
@@ -2308,6 +2308,12 @@ O elemento `errorCollector` oferece suporte aos seguintes elementos e atributos:
 
     Lista códigos de erro HTTP específicos para não reportar à New Relic. Você pode usar códigos de erro HTTP integrais padrão, como apenas 401, ou pode usar códigos de status completos da Microsoft com pontos decimais, como 401.4 ou 403.18. Os códigos de status devem ser iguais ou superiores a 400.
 
+    Isso também pode ser configurado via variável de ambiente, especificando vários códigos com uma lista separada por vírgulas:
+
+    ```ini
+    NEW_RELIC_ERROR_COLLECTOR_IGNORE_ERROR_CODES=<var>401, 403.18</var>
+    ```
+
     <Callout variant="tip">
       Erros personalizados relatados com a [API`NoticeError()` ](/docs/agents/net-agent/net-agent-api/noticeerror-net-agent)do agente ainda serão relatados à New Relic mesmo que a transação associada tenha um código de status HTTP configurado aqui.
     </Callout>
@@ -2331,7 +2337,13 @@ O elemento `errorCollector` oferece suporte aos seguintes elementos e atributos:
     id="error-expectedStatusCodes"
     title="expectedStatusCodes"
   >
-    Uma lista separada por vírgulas de códigos de status. A lista pode incluir intervalos de números inteiros, usando um único traço (-) e incluirá o número inteiro inicial e final do intervalo.
+    Uma lista de códigos de status separados por vírgula. A lista pode incluir intervalos de números inteiros usando um único traço (-) e incluirá o número inteiro inicial e final do intervalo.
+
+    Isso também pode ser configurado através da variável de ambiente:
+
+    ```ini
+    NEW_RELIC_ERROR_COLLECTOR_EXPECTED_ERROR_CODES=<var>401, 501-503</var>
+    ```
   </Collapser>
 
   <Collapser
diff --git a/src/i18n/content/pt/docs/apm/agents/net-agent/getting-started/net-agent-compatibility-requirements-net-core.mdx b/src/i18n/content/pt/docs/apm/agents/net-agent/getting-started/net-agent-compatibility-requirements-net-core.mdx
index 5ef48ffea6b..b227e95a96d 100644
--- a/src/i18n/content/pt/docs/apm/agents/net-agent/getting-started/net-agent-compatibility-requirements-net-core.mdx
+++ b/src/i18n/content/pt/docs/apm/agents/net-agent/getting-started/net-agent-compatibility-requirements-net-core.mdx
@@ -319,9 +319,9 @@ Antes de instalar o agente .NET New Relic no Windows ou Linux, certifique-se de
     id="aws-elastic-beanstalk"
     title="AWS Elastic Beanstalk"
   >
-    <Callout variant="important">
-      O AWS [Elastic Beanstalk](https://aws.amazon.com/elasticbeanstalk) não é um ambiente .NET compatível.
-    </Callout>
+    Para obter instruções de instalação do [AWS Elastic Beanstalk](https://aws.amazon.com/elasticbeanstalk) , consulte:
+
+    * [Instalar no AWS Elastic Beanstalk](/docs/agents/net-agent/install-guides/install-net-agent-on-aws-elastic-beanstalk)
   </Collapser>
 
   <Collapser
@@ -611,7 +611,7 @@ Se sua aplicação estiver hospedada em ASP..NET Core, o agente cria automaticam
             </DoNotTranslate>
 
             * Versão mínima suportada: 8.0.0
-            * Versões compatíveis verificadas: 8.0.0, 8.1.0, 8.1.1, 8.9.1, 8.9.2, 8.9.3, 8.10.0, 8.11.0, 8.12.0, 8.12.1, 8.13.11
+            * Versões compatíveis verificadas: 8.0.0, 8.1.0, 8.1.1, 8.9.1, 8.9.2, 8.9.3, 8.10.0, 8.11.0, 8.12.0, 8.12.1, 8.13.11, 8.13.12
             * As versões 8.10.0 e superiores são suportadas a partir do agente .NET v10.20.1
             * As versões 8.12.1 e superiores são suportadas a partir do agente .NET v10.23.0
 
diff --git a/src/i18n/content/pt/docs/apm/agents/net-agent/getting-started/net-agent-compatibility-requirements-net-framework.mdx b/src/i18n/content/pt/docs/apm/agents/net-agent/getting-started/net-agent-compatibility-requirements-net-framework.mdx
index eb32906e076..443ecd00aa5 100644
--- a/src/i18n/content/pt/docs/apm/agents/net-agent/getting-started/net-agent-compatibility-requirements-net-framework.mdx
+++ b/src/i18n/content/pt/docs/apm/agents/net-agent/getting-started/net-agent-compatibility-requirements-net-framework.mdx
@@ -783,7 +783,7 @@ O agente .NET não monitor diretamente os processos do armazenamento de dados. A
             </DoNotTranslate>
 
             * Versão mínima suportada: 8.0.0
-            * Versões compatíveis verificadas: 8.0.0, 8.1.0, 8.1.1, 8.9.1, 8.9.2, 8.9.3, 8.10.0, 8.11.0, 8.12.0, 8.12.1, 8.13.11
+            * Versões compatíveis verificadas: 8.0.0, 8.1.0, 8.1.1, 8.9.1, 8.9.2, 8.9.3, 8.10.0, 8.11.0, 8.12.0, 8.12.1, 8.13.11, 8.13.12
             * As versões 8.10.0 e superiores são suportadas a partir do agente .NET v10.20.1
             * As versões 8.12.1 e superiores são suportadas a partir do agente .NET v10.23.0
 
diff --git a/src/i18n/content/pt/docs/apm/agents/net-agent/install-guides/install-net-agent-on-aws-elastic-beanstalk.mdx b/src/i18n/content/pt/docs/apm/agents/net-agent/install-guides/install-net-agent-on-aws-elastic-beanstalk.mdx
new file mode 100644
index 00000000000..1053d7e1c9a
--- /dev/null
+++ b/src/i18n/content/pt/docs/apm/agents/net-agent/install-guides/install-net-agent-on-aws-elastic-beanstalk.mdx
@@ -0,0 +1,103 @@
+---
+title: Instale o agente .NET no AWS Elastic Beanstalk
+tags:
+  - Agents
+  - NET agent
+  - Other installation
+metaDescription: How to install the APM .NET agent on AWS Elastic Beanstalk.
+freshnessValidatedDate: never
+translationType: machine
+---
+
+Amazon Web Services (AWS) [Elastic Beanstalk](https://aws.amazon.com/elasticbeanstalk) é um serviço dinâmico que permite fácil implantação e escalabilidade para seu aplicativo. Siga estas instruções para implantar o agente .NET na instância de lançamento com seu aplicativo .NET AWS Elastic Beanstalk. Você também pode instalar o agente New Relic Infrastructure em sua instância do Elastic Beanstalk; consulte [Configurar o agente de infraestrutura no AWS Elastic Beanstalk](/docs/infrastructure/install-infrastructure-agent/config-management-tools/configure-infrastructure-agent-aws-elastic-beanstalk/) para obter mais detalhes.
+
+## Requisitos
+
+Certifique-se de ter uma [conta Amazon Web Services](http://aws.amazon.com/elasticbeanstalk/) compatível. Além disso, para qualquer instalação do New Relic, você precisará do seu <InlinePopover type="licenseKey"/>. Esta é uma string hexadecimal de 40 caracteres que a New Relic fornece quando você [se inscreve](http://newrelic.com/signup "O link abre em uma nova janela") em sua conta.
+
+## Instale o agente .NET
+
+Para instalar o aplicativo web agente .NET para ASP.NET Core implantado no AWS Elastic Beanstalk:
+
+1. Crie uma pasta `.ebextensions` na raiz do seu aplicativo e crie um arquivo chamado `newrelic-dotnet-agent-install.config`. (O nome exato do arquivo não é importante, mas deve ter uma extensão `.config` .)
+
+<Callout variant="important">
+  Certifique-se de definir `Copy to Output Directory` como `Copy if newer` para este arquivo em seu projeto, para garantir que ele seja implantado em seu aplicativo.
+</Callout>
+
+2. Com base no sistema operacional do seu aplicativo .NET, adicione o seguinte conteúdo ao arquivo:
+
+   * Substitua `YOUR_LICENSE_KEY` pela sua chave de licença do New Relic.
+   * Substitua `YOUR_APP_NAME` pelo nome do seu aplicativo.
+
+   <CollapserGroup>
+     <Collapser
+       id="elastic-beanstalk-windows"
+       title="Windows"
+     >
+       ```
+       packages:  
+           msi:
+             # install the latest version of the New Relic .NET agent
+             # To install a specific version, update the path to the msi
+             dotnet: https://download.newrelic.com/dot_net_agent/latest_release/NewRelicDotNetAgent_x64.msi
+       option_settings:
+           aws:elasticbeanstalk:application:environment:
+             CORECLR_ENABLE_PROFILING: '1'
+             NEW_RELIC_LICENSE_KEY: 'YOUR_LICENSE_KEY'
+             NEW_RELIC_APP_NAME: 'YOUR_APP_NAME'
+       ```
+
+       O <InlinePopover type="licenseKey"/>e o nome do aplicativo não são variáveis de ambiente obrigatórias; eles [podem ser definidos de outras maneiras](/docs/agents/net-agent/installation/net-agent-install-resources#env-variables).
+
+       Para obter mais detalhes sobre essas variáveis, bem como valores corretos para outros cenários de instalação, consulte [noções básicas sobre variáveis de ambiente do agente .NET](/docs/apm/agents/net-agent/other-installation/understanding-net-agent-environment-variables/).
+     </Collapser>
+
+     <Collapser
+       id="elastic-beanstalk-linux"
+       title="Amazon Linux 2023"
+     >
+       ```
+       files:
+         # Create the dotnet agent YUM repo definition
+         "/etc/yum.repos.d/newrelic-dotnet-agent.repo":
+           owner: root
+           group: root
+           content: |
+             [newrelic-dotnet-agent-repo]
+             name=New Relic .NET Core packages for Enterprise Linux
+             baseurl=https://yum.newrelic.com/pub/newrelic/el7/$basearch
+             enabled=1
+             gpgcheck=1
+             gpgkey=file:///etc/pki/rpm-gpg/RPM-GPG-KEY-NewRelic
+       commands: 
+         install_dotnet_agent:
+           command: |
+             sudo curl -o /etc/pki/rpm-gpg/RPM-GPG-KEY-NewRelic https://download.newrelic.com/548C16BF.gpg
+             sudo rpm --import /etc/pki/rpm-gpg/RPM-GPG-KEY-NewRelic
+             sudo yum -q makecache -y --disablerepo='*' --enablerepo='newrelic-dotnet-agent-repo'
+             # this command installs the latest version of the dotnet agent.
+             sudo yum install newrelic-dotnet-agent -y
+             # to install a specific version, use something like the following:
+             # sudo yum install newrelic-dotnet-agent-10.24.0-1.x86_64
+       option_settings:
+         aws:elasticbeanstalk:application:environment:
+           CORECLR_ENABLE_PROFILING: '1'
+           CORECLR_PROFILER: '{36032161-FFC0-4B61-B559-F6C5D41BAE5A}'
+           CORECLR_NEWRELIC_HOME: '/usr/local/newrelic-dotnet-agent'
+           CORECLR_PROFILER_PATH: '/usr/local/newrelic-dotnet-agent/libNewRelicProfiler.so'
+           NEW_RELIC_LICENSE_KEY: 'YOUR_LICENSE_KEY'
+           NEW_RELIC_APP_NAME: 'YOUR_APP_NAME'
+       ```
+
+       O <InlinePopover type="licenseKey"/>e o nome do aplicativo não são variáveis de ambiente obrigatórias; eles [podem ser definidos de outras maneiras](/docs/agents/net-agent/installation/net-agent-install-resources#env-variables).
+
+       Para obter mais detalhes sobre essas variáveis, bem como valores corretos para outros cenários de instalação, consulte [noções básicas sobre variáveis de ambiente do agente .NET](/docs/apm/agents/net-agent/other-installation/understanding-net-agent-environment-variables/).
+     </Collapser>
+   </CollapserGroup>
+
+   3. implante seu aplicativo usando a versão mais recente do [AWS Toolkit for Visual Studio](https://aws.amazon.com/visualstudio/). Você também pode usar a [AWS CLI](https://docs.aws.amazon.com/cli/) para implantar o aplicativo.
+
+Se seu aplicativo estiver recebendo tráfego, os dados deverão aparecer em alguns minutos. Caso contrário, consulte [Nenhum dado aparece](/docs/agents/net-agent/troubleshooting/no-data-appears-net).
+
+<InstallFeedback/>
\ No newline at end of file
diff --git a/src/i18n/content/pt/docs/apm/agents/nodejs-agent/getting-started/compatibility-requirements-nodejs-agent.mdx b/src/i18n/content/pt/docs/apm/agents/nodejs-agent/getting-started/compatibility-requirements-nodejs-agent.mdx
index 625b95fe1db..82c6622944d 100644
--- a/src/i18n/content/pt/docs/apm/agents/nodejs-agent/getting-started/compatibility-requirements-nodejs-agent.mdx
+++ b/src/i18n/content/pt/docs/apm/agents/nodejs-agent/getting-started/compatibility-requirements-nodejs-agent.mdx
@@ -185,954 +185,68 @@ Antes de [instalar o agente](/docs/apm/agents/nodejs-agent/installation-configur
   </Collapser>
 </CollapserGroup>
 
-## ferramenta com Node.js [#instrument]
-
-Após a instalação, o agente automaticamente se instrumenta com nosso catálogo de bibliotecas e frameworks Node.js suportados. Isso lhe dá acesso imediato a informações granulares específicas de seus aplicativos e servidores da web.
-
-Para estruturas ou bibliotecas não suportadas, você mesmo precisará instrumentar o agente usando a [API do agente Node.js.](/docs/apm/agents/nodejs-agent/api-guides/nodejs-agent-api)
-
-<CollapserGroup>
-  <Collapser
-    id="Datastores"
-    title="Armazenamentos de dados"
-  >
-    O agente Node.js monitora o desempenho das chamadas do aplicativo Node.js para estes datastores:
-
-    <table>
-      <thead>
-        <tr>
-          <th>
-            Armazenamento de dados
-          </th>
-
-          <th>
-            `npm` nome do módulo
-          </th>
-
-          <th>
-            Versão mínima do módulo
-          </th>
-
-          <th>
-            Versão mínima do agente
-          </th>
-
-          <th>
-            Notas
-          </th>
-        </tr>
-      </thead>
-
-      <tbody>
-        <tr>
-          <td>
-            [Cassandra](https://www.npmjs.com/package/cassandra-driver)
-          </td>
-
-          <td>
-            `cassandra-driver`
-          </td>
-
-          <td>
-            3.4.0
-          </td>
-
-          <td>
-            1.7.1
-          </td>
-
-          <td/>
-        </tr>
-
-        <tr>
-          <td>
-            [ElasticSearch](https://www.npmjs.com/package/@elastic/elasticsearch)
-          </td>
-
-          <td>
-            `elasticsearch`
-          </td>
-
-          <td>
-            7.16.0
-          </td>
-
-          <td>
-            11.9.0
-          </td>
-
-          <td/>
-        </tr>
-
-        <tr>
-          <td>
-            [Memcached](https://www.npmjs.com/package/memcached)
-          </td>
-
-          <td>
-            `memcached`
-          </td>
-
-          <td>
-            1.0.0
-          </td>
-
-          <td>
-            1.33.0
-          </td>
-
-          <td/>
-        </tr>
-
-        <tr>
-          <td>
-            [MongoDB](https://www.npmjs.com/package/mongodb)
-          </td>
-
-          <td>
-            `mongodb`
-          </td>
-
-          <td>
-            2.1.0
-          </td>
-
-          <td>
-            1.32.0
-          </td>
-
-          <td/>
-        </tr>
-
-        <tr>
-          <td>
-            [MySQL](https://www.npmjs.com/package/mysql)
-          </td>
-
-          <td>
-            `mysql`
-          </td>
-
-          <td>
-            2.2.0
-          </td>
-
-          <td>
-            1.32.0
-          </td>
-
-          <td/>
-        </tr>
-
-        <tr>
-          <td>
-            [MySQL 2](https://www.npmjs.com/package/mysql2)
-          </td>
-
-          <td>
-            `mysql2`
-          </td>
-
-          <td>
-            1.31.1
-          </td>
-
-          <td>
-            1.32.0
-          </td>
-
-          <td/>
-        </tr>
-
-        <tr>
-          <td>
-            [Redis](https://www.npmjs.com/package/redis)
-          </td>
-
-          <td>
-            `redis`
-          </td>
-
-          <td>
-            2.0.0
-          </td>
-
-          <td>
-            1.31.0
-          </td>
-
-          <td/>
-        </tr>
-
-        <tr>
-          <td>
-            [Postgres](https://www.npmjs.com/package/pg)
-          </td>
-
-          <td>
-            `pg`
-          </td>
-
-          <td>
-            8.2+
-          </td>
-
-          <td>
-            9.0.0
-          </td>
-
-          <td>
-            Incluindo os pacotes [puros JavaScript](https://www.npmjs.com/package/pg-js) e [nativos](https://www.npmjs.com/package/pg-native)
-          </td>
-        </tr>
-
-        <tr>
-          <td>
-            [Prisma](https://www.prisma.io/)
-          </td>
-
-          <td>
-            [`@prisma/client`](https://www.npmjs.com/package/@prisma/client)
-          </td>
-
-          <td>
-            5.0.0
-          </td>
-
-          <td>
-            9.11.0
-          </td>
-
-          <td>
-            A instrumentação do Prisma trata o próprio Prisma como o armazenamento de dados, não o armazenamento de dados SQL ou NoSQL subjacente que o Prisma está configurado para usar. Isso significa que métrica e trace mostrarão consultas do Prisma ORM, como `find` ou `updateMany` , e não instruções SQL, como `SELECT` ou `UPDATE`. Como exceção, as consultas brutas do Prisma registrarão a consulta bruta real de SQL ou NoSQL.
-          </td>
-        </tr>
-
-        <tr>
-          <td>
-            [ioredis](https://www.npmjs.com/package/ioredis)
-          </td>
-
-          <td>
-            [`ioredis`](https://www.npmjs.com/package/ioredis)
-          </td>
-
-          <td>
-            3,0+
-          </td>
-
-          <td>
-            1.26.2
-          </td>
-
-          <td/>
-        </tr>
-      </tbody>
-    </table>
-  </Collapser>
-
-  <Collapser
-    id="gRPC"
-    title="gRPC"
-  >
-    * A biblioteca [grpc-js](https://www.npmjs.com/package/@grpc/grpc-js) é suportada para chamadas de cliente unárias, de streaming ou bidirecionais.
-  </Collapser>
-
-  <Collapser
-    id="http"
-    title="HTTP/1.1"
-  >
-    O agente Node.js utiliza o módulo nativo `http` e `fetch` . Além disso, o popular cliente [undici](https://www.npmjs.com/package/undici) tem suporte.
-
-    <DoNotTranslate>**Note**</DoNotTranslate>: `fetch` e `undici` são suportados a partir da [versão 11.1.0](/docs/release-notes/agent-release-notes/nodejs-release-notes/node-agent-11-1-0).
-
-    Todas as chamadas para Amazon Web Services (AWS) com o [aws-sdk](https://www.npmjs.com/package/aws-sdk) são rastreadas.
-  </Collapser>
-
-  <Collapser
-    id="instance"
-    title="Detalhes da instância do banco de dados"
-  >
-    Coletamos [detalhes de instância para uma variedade de bancos de dados e drivers do banco de dados](/docs/apm/applications-menu/features/analyze-database-instance-level-performance-issues). A capacidade de visualizar instâncias específicas e os tipos de informações do banco de dados no APM depende da versão do seu agente.
-
-    <table>
-      <thead>
-        <tr>
-          <th>
-            Banco de dados
-          </th>
-
-          <th>
-            `npm` nome do módulo
-          </th>
-
-          <th>
-            Versão mínima do módulo
-          </th>
-
-          <th>
-            Versão mínima do agente
-          </th>
-        </tr>
-      </thead>
-
-      <tbody>
-        <tr>
-          <td>
-            [PostgreSQL](https://www.postgresql.org/)
-          </td>
-
-          <td>
-            [pg](https://www.npmjs.com/package/pg)
-          </td>
-
-          <td>
-            8.2+
-          </td>
-
-          <td>
-            9.0.0
-          </td>
-        </tr>
-
-        <tr>
-          <td>
-            [Redis](http://redis.io/)
-          </td>
-
-          <td>
-            [redis](https://www.npmjs.com/package/redis)
-          </td>
-
-          <td>
-            2.0.0
-          </td>
-
-          <td>
-            1.31.0
-          </td>
-        </tr>
-
-        <tr>
-          <td>
-            [MongoDB](https://www.mongodb.com/)
-          </td>
-
-          <td>
-            [mongodb](https://www.npmjs.com/package/mongodb)
-          </td>
-
-          <td>
-            2.1.0
-          </td>
-
-          <td>
-            1.32.0
-          </td>
-        </tr>
-
-        <tr>
-          <td>
-            [MySQL](http://www.mysql.com/)
-          </td>
-
-          <td>
-            [mysql](https://www.npmjs.com/package/mysql)
-          </td>
-
-          <td>
-            2.2.0
-          </td>
-
-          <td>
-            1.32.0
-          </td>
-        </tr>
-
-        <tr>
-          <td>
-            [MySQL 2](http://www.mysql.com/)
-          </td>
-
-          <td>
-            [mysql2](https://www.npmjs.com/package/mysql2)
-          </td>
-
-          <td>
-            1.3.1
-          </td>
-
-          <td>
-            1.32.0
-          </td>
-        </tr>
-
-        <tr>
-          <td>
-            [Memcached](https://memcached.org/)
-          </td>
-
-          <td>
-            [memcached](https://www.npmjs.com/package/memcached)
-          </td>
-
-          <td>
-            1.0.0
-          </td>
-
-          <td>
-            1.33.0
-          </td>
-        </tr>
-
-        <tr>
-          <td>
-            [ElasticSearch](https://www.elastic.co/guide/en/elasticsearch/client/javascript-api/current/index.html)
-          </td>
-
-          <td>
-            [ElasticSearch](https://www.npmjs.com/package/@elastic/elasticsearch)
-          </td>
-
-          <td>
-            7.16.0
-          </td>
-
-          <td>
-            11.9.0
-          </td>
-        </tr>
-
-        <tr>
-          <td>
-            [Amazon DynamoDB](https://aws.amazon.com/dynamodb/)
-          </td>
-
-          <td>
-            [aws-sdk](https://www.npmjs.com/package/aws-sdk) - ambas as versões 2 e 3.
-          </td>
-
-          <td>
-            2.380.0
-          </td>
-
-          <td>
-            6.1.0
-          </td>
-        </tr>
-
-        <tr>
-          <td>
-            [Prisma](https://prisma.io/)
-          </td>
-
-          <td>
-            [@prisma/cliente](https://www.npmjs.com/package/@prisma/client)
-          </td>
-
-          <td>
-            5.0.0
-          </td>
-
-          <td>
-            11.0.0
-          </td>
-        </tr>
-      </tbody>
-    </table>
-
-    Para solicitar informações em nível de instância de datastores atualmente não listados para seu agente New Relic, obtenha suporte em [support.newrelic.com](https://support.newrelic.com).
-  </Collapser>
-
-  <Collapser
-    id="logging"
-    title="Biblioteca de registros"
-  >
-    Para oferecer suporte [ao logs contextualizados do APM](/docs/apm/new-relic-apm/getting-started/get-started-logs-context), o agente Node.js utiliza a seguinte biblioteca:
-
-    <table>
-      <thead>
-        <tr>
-          <th>
-            Biblioteca de registros
-          </th>
-
-          <th>
-            `npm` nome do módulo
-          </th>
-
-          <th>
-            Versão mínima do módulo
-          </th>
-
-          <th>
-            Versão mínima do agente
-          </th>
-        </tr>
-      </thead>
-
-      <tbody>
-        <tr>
-          <td>
-            [Winston](https://github.com/winstonjs/winston)
-          </td>
-
-          <td>
-            `winston`
-          </td>
-
-          <td>
-            3.0.0
-          </td>
-
-          <td>
-            8.11.0
-          </td>
-        </tr>
-
-        <tr>
-          <td>
-            [Pino](https://github.com/pinojs/pino)
-          </td>
-
-          <td>
-            `pino`
-          </td>
-
-          <td>
-            7.0.0
-          </td>
-
-          <td>
-            8.11.0
-          </td>
-        </tr>
-
-        <tr>
-          <td>
-            [Bunyan](https://www.npmjs.com/package/bunyan)
-          </td>
-
-          <td>
-            `bunyan`
-          </td>
-
-          <td>
-            1.8.12
-          </td>
-
-          <td>
-            9.3.0
-          </td>
-        </tr>
-      </tbody>
-    </table>
-  </Collapser>
-
-  <Collapser
-    id="messages"
-    title="Fila de mensagens"
-  >
-    [A instrumentação da fila de mensagens](/docs/agents/nodejs-agent/troubleshooting/troubleshoot-message-consumers) está disponível apenas com o [agente New Relic Node.js v2 ou superior](/docs/release-notes/agent-release-notes/nodejs-release-notes). Instrumentação de fila de mensagens atualmente suportada:
-
-    <table>
-      <thead>
-        <tr>
-          <th>
-            Fila de mensagens
-          </th>
-
-          <th>
-            `npm` nome do módulo
-          </th>
-
-          <th>
-            Versão mínima do módulo
-          </th>
-
-          <th>
-            Versão mínima do agente
-          </th>
-        </tr>
-      </thead>
-
-      <tbody>
-        <tr>
-          <td>
-            [Amqplib](https://www.npmjs.com/package/amqplib)
-          </td>
-
-          <td>
-            `amqplib`
-          </td>
-
-          <td>
-            0.5.0
-          </td>
-
-          <td>
-            2.0.0
-          </td>
-        </tr>
-
-        <tr>
-          <td>
-            [Amazon SQS-Amazon SDK V2](https://www.npmjs.com/package/aws-sdk)
-          </td>
-
-          <td>
-            `@aws-sdk/client-sqs`
-          </td>
-
-          <td>
-            @aws-sdk2.2.48
-          </td>
-
-          <td>
-            6.2.0
-          </td>
-        </tr>
-
-        <tr>
-          <td>
-            [Amazon SQS – Amazon SDK V3](https://github.com/aws/aws-sdk-js-v3)
-          </td>
-
-          <td>
-            `@aws-sdk/client-sqs`
-          </td>
-
-          <td>
-            @aws-sdk v3.0.0
-          </td>
-
-          <td>
-            8.7.1
-          </td>
-        </tr>
-
-        <tr>
-          <td>
-            [Amazon SNS - Amazon SDK V2](https://www.npmjs.com/package/aws-sdk)
-          </td>
-
-          <td>
-            `@aws-sdk/client-sns`
-          </td>
-
-          <td>
-            @aws-sdk2.2.48
-          </td>
-
-          <td>
-            6.2.0
-          </td>
-        </tr>
-
-        <tr>
-          <td>
-            [Amazon SNS - Amazon SDK V3](https://github.com/aws/aws-sdk-js-v3)
-          </td>
-
-          <td>
-            `@aws-sdk/client-sns`
-          </td>
-
-          <td>
-            @aws-sdk v3.0.0
-          </td>
-
-          <td>
-            8.7.1
-          </td>
-        </tr>
-      </tbody>
-    </table>
-
-    Para outras filas de mensagens biblioteca, use [instrumentação personalizada](/docs/agents/nodejs-agent/supported-features/nodejs-custom-instrumentation#message-client).
-  </Collapser>
-
-  <Collapser
-    id="other"
-    title="Outra biblioteca"
-  >
-    <table>
-      <thead>
-        <tr>
-          <th>
-            Biblioteca
-          </th>
-
-          <th>
-            `npm` nome do módulo
-          </th>
-
-          <th>
-            Versão mínima do módulo
-          </th>
-
-          <th>
-            Versão mínima do agente
-          </th>
-        </tr>
-      </thead>
-
-      <tbody>
-        <tr>
-          <td>
-            [Diretor](https://www.npmjs.com/package/director)
-          </td>
-
-          <td>
-            `director`
-          </td>
-
-          <td>
-            1.2+
-          </td>
-
-          <td>
-            2.0.0
-          </td>
-        </tr>
-
-        <tr>
-          <td>
-            [Conjunto genérico](https://www.npmjs.com/package/generic-pool)
-          </td>
-
-          <td>
-            `generic-pool`
-          </td>
-
-          <td>
-            2.4+
-          </td>
-
-          <td>
-            0.9+
-          </td>
-        </tr>
-      </tbody>
-    </table>
-  </Collapser>
-
-  <Collapser
-    id="langtech"
-    title="Idiomas e tecnologias suportadas"
-  >
-    [TypeScript](https://www.npmjs.com/package/typescript) é uma linguagem de programação que pode ser compilada em JavaScript. Após a instalação, o agente Node.js instrumenta automaticamente seus aplicativos TypeScript, proporcionando acesso imediato aos dados de desempenho prontos para uso.
-
-    [Os módulos ES](https://nodejs.org/api/esm.html#introduction) são o padrão oficial para empacotar código JavaScript para compartilhamento/reutilização. O agente Node.js tem suporte <DoNotTranslate>**experimental**</DoNotTranslate> para o aplicativo do módulo ES executando o Node.js versão 16.12.0 ou superior e versão do agente 9.1.0 ou mais alto. Consulte nossa [documentação do módulo ES](/docs/apm/agents/nodejs-agent/installation-configuration/es-modules) para obter informações e instruções adicionais.
-  </Collapser>
-
-  <Collapser
-    id="support"
-    title="Estrutura Node.js compatível"
-  >
-    <table>
-      <thead>
-        <tr>
-          <th>
-            Framework
-          </th>
-
-          <th>
-            `npm` nome do módulo
-          </th>
-
-          <th>
-            Versão mínima do módulo
-          </th>
-
-          <th>
-            Versão mínima do agente
-          </th>
-
-          <th>
-            Notas
-          </th>
-        </tr>
-      </thead>
-
-      <tbody>
-        <tr>
-          <td>
-            [Expressar](https://www.npmjs.com/package/express)
-          </td>
-
-          <td>
-            `express`
-          </td>
-
-          <td>
-            4.6.0
-          </td>
-
-          <td>
-            2.6.0
-          </td>
-
-          <td/>
-        </tr>
-
-        <tr>
-          <td>
-            [Restificar](https://www.npmjs.com/package/restify)
-          </td>
-
-          <td>
-            `restify`
-          </td>
-
-          <td>
-            5.0.0
-          </td>
-
-          <td>
-            2.6.0
-          </td>
-
-          <td/>
-        </tr>
-
-        <tr>
-          <td>
-            [Conectar](https://www.npmjs.com/package/connect)
-          </td>
-
-          <td>
-            `connect`
-          </td>
-
-          <td>
-            2.0.0
-          </td>
-
-          <td>
-            2.6.0
-          </td>
-
-          <td/>
-        </tr>
-
-        <tr>
-          <td>
-            [Hapi](https://www.npmjs.com/package/@hapi/hapi)
-          </td>
-
-          <td>
-            `@hapi/hapi`
-          </td>
-
-          <td>
-            20.0.0
-          </td>
-
-          <td>
-            9.0.0
-          </td>
-
-          <td>
-            Com a v9.0.0 do agente, atualizamos a versão mínima suportada do Hapi para >= v20.0.0. Todas as versões abaixo da v20.0.0 foram descontinuadas pelo Hapi por motivos de segurança, consulte sua [política de suporte](https://hapi.dev/policies/support/).
-          </td>
-        </tr>
-
-        <tr>
-          <td>
-            [Koa](https://www.npmjs.com/package/koa)
-          </td>
-
-          <td>
-            `koa`
-          </td>
-
-          <td>
-            2.0.0
-          </td>
-
-          <td>
-            3.2.0
-          </td>
-
-          <td>
-            [Módulo externo](https://github.com/newrelic/node-newrelic-koa) carregado com o agente
-          </td>
-        </tr>
-
-        <tr>
-          <td>
-            [Fastificar](https://www.npmjs.com/package/fastify)
-          </td>
-
-          <td>
-            `fastify`
-          </td>
-
-          <td>
-            2.0.0
-          </td>
-
-          <td>
-            8.5.0
-          </td>
-
-          <td/>
-        </tr>
-
-        <tr>
-          <td>
-            [Nest.js](https://nestjs.com/)
-          </td>
-
-          <td>
-            `@nestjs/core`
-          </td>
-
-          <td>
-            8.0.0
-          </td>
-
-          <td>
-            10.1.0
-          </td>
-
-          <td>
-            Se estiver usando o comando `nest start` para iniciar o aplicativo, modifique seu binário de inicialização para carregar o agente New Relic: `nest start --exec 'node -r newrelic'`
-          </td>
-        </tr>
-
-        <tr>
-          <td>
-            [Next.js](https://www.npmjs.com/package/next)
-          </td>
-
-          <td>
-            `next`
-          </td>
-
-          <td>
-            12.0.9 - 13.3.0
-          </td>
-
-          <td>
-            10.1.0
-          </td>
-
-          <td>
-            v12.2.0 ou superior necessário para instrumentação de middleware
-          </td>
-        </tr>
-      </tbody>
-    </table>
-
-    Se você estiver usando uma framework compatível com roteadores padrão, o agente Node.js poderá ler os nomes de rotas dessas estruturas como estão. No entanto, se você quiser nomes mais específicos do que os fornecidos pela sua framework, você pode querer usar uma ou mais das ferramentas que a New Relic fornece com a [API de nomenclatura de transação do Node.js.](/docs/nodejs/nodejs-transaction-naming-api)
-
-    <Callout title="AVISO DE EOL">
-      Descontinuamos o suporte para vários recursos em novembro de 2021. Isso inclui o Oracle Driver Package e versões Hapi anteriores ao Hapi 19.2 para nosso agente Node.js. Para obter mais detalhes, incluindo como você pode se preparar para essa transição, consulte nossa [postagem no Fórum de suporte](https://discuss.newrelic.com/t/important-upcoming-changes-to-capabilities-and-support-across-node-agents-suggested-pagerduty-responders-incident-workflows-and-kubernetes-instrumentation/164481?u=dholloran).
-    </Callout>
-  </Collapser>
-</CollapserGroup>
+/\* begin: compat-table \*/
+
+## Módulos instrumentados
+
+Após a instalação, o agente automaticamente instrumento com nosso catálogo de bibliotecas e frameworks Node.js suportados. Isso lhe dá acesso imediato a informações granulares específicas de seus aplicativos e servidores da web. Para estruturas ou bibliotecas não suportadas, você mesmo precisará instrumentar o agente usando a [API agente do Node.js](https://docs.newrelic.com/docs/apm/agents/nodejs-agent/api-guides/nodejs-agent-api/).
+
+**Nota**: A versão suportada mais recente pode não refletir a versão suportada mais recente.
+
+| Nome do pacote                    | Versão mínima suportada | Última versão suportada | Introduzido em\*                       |
+| --------------------------------- | ----------------------- | ----------------------- | -------------------------------------- |
+| `@apollo/gateway`                 | 2.3.0                   | 2.7.7                   | `@newrelic/apollo-server-plugin@1.0.0` |
+| `@apollo/server`                  | 4.0.0                   | 4.10.4                  | `@newrelic/apollo-server-plugin@2.1.0` |
+| `@aws-sdk/client-bedrock-runtime` | 3.0.0                   | 3.576.0                 | 11.13.0                                |
+| `@aws-sdk/client-dynamodb`        | 3.0.0                   | 3.576.0                 | 8.7.1                                  |
+| `@aws-sdk/client-sns`             | 3.0.0                   | 3.576.0                 | 8.7.1                                  |
+| `@aws-sdk/client-sqs`             | 3.0.0                   | 3.576.0                 | 8.7.1                                  |
+| `@aws-sdk/smithy-client`          | 3.0.0                   | 3.374.0                 | 8.7.1                                  |
+| `@elastic/elasticsearch`          | 7.16.0                  | 8.13.1                  | 11.9.0                                 |
+| `@grpc/grpc-js`                   | 1.4.0                   | 1.10.7                  | 8.17.0                                 |
+| `@hapi/hapi`                      | 20.1.2                  | 21.3.9                  | 9.0.0                                  |
+| `@koa/router`                     | 2.0.0                   | 12.0.1                  | 3.2.0                                  |
+| `@langchain/core`                 | 0.1.17                  | 0.1.63                  | 11.13.0                                |
+| `@nestjs/cli`                     | 8.0.0                   | 10.3.2                  | 10.1.0                                 |
+| `@prisma/client`                  | 5.0.0                   | 5.14.0                  | 11.0.0                                 |
+| `@smithy/smithy-client`           | 3.0.0                   | 3.0.1                   | 11.0.0                                 |
+| `amqplib`                         | 0.5.0                   | 0.10.4                  | 2.0.0                                  |
+| `apollo-server`                   | 2.14.0                  | 3.13.0                  | `@newrelic/apollo-server-plugin@1.0.0` |
+| `apollo-server-express`           | 2.14.0                  | 3.13.0                  | `@newrelic/apollo-server-plugin@1.0.0` |
+| `apollo-server-fastify`           | 2.14.0                  | 3.13.0                  | `@newrelic/apollo-server-plugin@1.0.0` |
+| `apollo-server-hapi`              | 3.0.0                   | 3.13.0                  | `@newrelic/apollo-server-plugin@1.0.0` |
+| `apollo-server-koa`               | 2.14.0                  | 3.13.0                  | `@newrelic/apollo-server-plugin@1.0.0` |
+| `apollo-server-lambda`            | 2.14.0                  | 3.13.0                  | `@newrelic/apollo-server-plugin@1.0.0` |
+| `aws-sdk`                         | 2.2.48                  | 2.1620.0                | 6.2.0                                  |
+| `bluebird`                        | 2.0.0                   | 3.7.2                   | 1.27.0                                 |
+| `bunyan`                          | 1.8.12                  | 1.8.15                  | 9.3.0                                  |
+| `cassandra-driver`                | 3.4.0                   | 4.7.2                   | 1.7.1                                  |
+| `connect`                         | 2.0.0                   | 3.7.0                   | 2.6.0                                  |
+| `director`                        | 1.2.0                   | 1.2.8                   | 2.0.0                                  |
+| `express`                         | 4.6.0                   | 4.19.2                  | 2.6.0                                  |
+| `fastify`                         | 2.0.0                   | 4.27.0                  | 8.5.0                                  |
+| `generic-pool`                    | 2.4.0                   | 3.9.0                   | 0.9.0                                  |
+| `ioredis`                         | 3.0.0                   | 5.4.1                   | 1.26.2                                 |
+| `koa`                             | 2.0.0                   | 2.15.3                  | 3.2.0                                  |
+| `koa-route`                       | 2.0.0                   | 4.0.1                   | 3.2.0                                  |
+| `koa-router`                      | 2.0.0                   | 12.0.1                  | 3.2.0                                  |
+| `mongodb`                         | 2.1.0                   | 6.6.1                   | 1.32.0                                 |
+| `mysql`                           | 2.2.0                   | 2.18.1                  | 1.32.0                                 |
+| `mysql2`                          | 1.3.1                   | 3.9.7                   | 1.32.0                                 |
+| `next`                            | 13.0.0                  | 14.2.3                  | `@newrelic/next@0.7.0`                 |
+| `openai`                          | 4.0.0                   | 4.47.1                  | 11.13.0                                |
+| `pg`                              | 8.2.0                   | 8.11.5                  | 9.0.0                                  |
+| `pg-native`                       | 2.0.0                   | 3.0.1                   | 9.0.0                                  |
+| `pino`                            | 7.0.0                   | 9.1.0                   | 8.11.0                                 |
+| `redis`                           | 2.0.0                   | 4.6.13                  | 1.31.0                                 |
+| `restify`                         | 5.0.0                   | 11.1.0                  | 2.6.0                                  |
+| `superagent`                      | 2.0.0                   | 9.0.2                   | 4.9.0                                  |
+| `undici`                          | 4.7.0                   | 6.16.1                  | 11.1.0                                 |
+| `winston`                         | 3.0.0                   | 3.13.0                  | 8.11.0                                 |
+
+\*Quando o pacote não é especificado, o suporte está dentro do pacote `newrelic` .
+
+/\* end: compat-table \*/
 
 ## Conecte o agente a outro recurso New Relic [#digital-intelligence-platform]
 
diff --git a/src/i18n/content/pt/docs/apm/agents/php-agent/installation/php-agent-installation-ubuntu-debian.mdx b/src/i18n/content/pt/docs/apm/agents/php-agent/installation/php-agent-installation-ubuntu-debian.mdx
index e27ee19bc86..4134375f907 100644
--- a/src/i18n/content/pt/docs/apm/agents/php-agent/installation/php-agent-installation-ubuntu-debian.mdx
+++ b/src/i18n/content/pt/docs/apm/agents/php-agent/installation/php-agent-installation-ubuntu-debian.mdx
@@ -9,7 +9,7 @@ freshnessValidatedDate: never
 translationType: machine
 ---
 
-Nosso [agente PHP](/docs/agents/php-agent/getting-started/new-relic-php#configuration) instrumenta automaticamente seu código para que você possa iniciar o monitoramento do aplicativo. Estes são os procedimentos padrão para instalar nosso agente PHP no Ubuntu ou Debian. (Isso não é igual aos procedimentos do Ubuntu e do Debian para o [agente de monitoramento de infraestrutura](/docs/infrastructure/new-relic-infrastructure/installation/install-infrastructure-linux#apt-based).) Para outras situações, consulte os [procedimentos do agente PHP para instalação de PHP não padrão](/docs/php/php-agent-installation-non-standard-php).
+Nosso [agente PHP](/docs/agents/php-agent/getting-started/new-relic-php#configuration) autoinstrumenta seu código para que você possa iniciar o monitoramento do aplicativo. Estes são os procedimentos padrão para instalar nosso agente PHP no Ubuntu ou Debian. (Isso não é igual aos procedimentos do Ubuntu e do Debian para o [agente de infraestrutura](/docs/infrastructure/new-relic-infrastructure/installation/install-infrastructure-linux#apt-based).) Para outras situações, consulte os [procedimentos do agente PHP para instalação não padrão do PHP](/docs/php/php-agent-installation-non-standard-php).
 
 ## Versões PHP [#php7]
 
diff --git a/src/i18n/content/pt/docs/apm/agents/python-agent/getting-started/compatibility-requirements-python-agent.mdx b/src/i18n/content/pt/docs/apm/agents/python-agent/getting-started/compatibility-requirements-python-agent.mdx
index 9aab4c35158..6c105829537 100644
--- a/src/i18n/content/pt/docs/apm/agents/python-agent/getting-started/compatibility-requirements-python-agent.mdx
+++ b/src/i18n/content/pt/docs/apm/agents/python-agent/getting-started/compatibility-requirements-python-agent.mdx
@@ -47,7 +47,7 @@ Se você ainda não tem uma, [crie uma conta New Relic](https://newrelic.com/sig
       </td>
 
       <td>
-        Versões Python (CPython/PyPy) suportadas: 2.7, 3.7, 3.8, 3.9, 3.10 e 3.11.
+        Versões Python (CPython/PyPy) suportadas: 2.7, 3.7, 3.8, 3.9, 3.10, 3.11 e 3.12.
 
         <DoNotTranslate>**Recommendation:**</DoNotTranslate> Use Python versão 3.7 ou superior com nosso agente.
 
diff --git a/src/i18n/content/pt/docs/browser/browser-monitoring/browser-pro-features/session-replay.mdx b/src/i18n/content/pt/docs/browser/browser-monitoring/browser-pro-features/session-replay.mdx
index b793ab15ccf..9a5e8e91002 100644
--- a/src/i18n/content/pt/docs/browser/browser-monitoring/browser-pro-features/session-replay.mdx
+++ b/src/i18n/content/pt/docs/browser/browser-monitoring/browser-pro-features/session-replay.mdx
@@ -268,13 +268,13 @@ Para obter mais detalhes sobre Session Replay, consulte as seções a seguir:
 
     * Certifique-se de que seu browser agente atenda a estes requisitos:
 
-      * Versão do agente v1.240.0 ou superior. Recomendamos [atualizar para a versão mais recente do agente](/docs/release-notes/new-relic-browser-release-notes/browser-agent-release-notes) à medida que continuamos fazendo melhorias.
+      * Versão do agente v1.260.0 ou superior. Recomendamos [atualizar para a versão mais recente do agente](/docs/release-notes/new-relic-browser-release-notes/browser-agent-release-notes) à medida que continuamos fazendo melhorias.
       * Tipo de agente: Pro ou Pro+SPA. Session Replay não funciona com o agente browser Lite.
       * [O rastreamento de sessão](/docs/browser/browser-monitoring/page-load-timing-resources/cookie-collection-session-tracking/#settings) e o rastreamento de sessão estão habilitados.
 
     * O navegador do seu usuário final suporta a API de nível de navegador necessária para gravar um Session Replay (verifique a compatibilidade em [MutationObserver](https://caniuse.com/mutationobserver)).
 
-    * Na [Errors Inbox](docs/errors-inbox/errors-inbox/), você pode usar o botão de alternância para mostrar apenas erros com replays. Isso filtrará suas visualizações para que você sempre veja um replay. Por padrão, os dados de eventos do browser são armazenados por 8 dias, mas a retenção real de dados depende da sua conta.
+    * Em [Errors Inbox](docs/errors-inbox/errors-inbox/), filtre suas visualizações para sempre ver uma repetição. Por padrão, os dados de eventos do browser são armazenados por 8 dias, mas a retenção real de dados depende da sua conta.
 
     * Se você estiver usando o método de implantação copiar/colar, [atualize o código do agente](#update-snippet).
 
diff --git a/src/i18n/content/pt/docs/data-apis/custom-data/aws-privatelink.mdx b/src/i18n/content/pt/docs/data-apis/custom-data/aws-privatelink.mdx
index 5096ae76950..76e6daee6a3 100644
--- a/src/i18n/content/pt/docs/data-apis/custom-data/aws-privatelink.mdx
+++ b/src/i18n/content/pt/docs/data-apis/custom-data/aws-privatelink.mdx
@@ -42,6 +42,21 @@ New Relic expõe o endpoint AWS PrivateLink para o seguinte:
   </thead>
 
   <tbody>
+    <tr>
+      <td>
+        us-east-1 (Virginia)
+      </td>
+
+      <td>
+        * `use1-az1`
+        * `use1-az2`
+        * `use1-az3`
+        * `use1-az4`
+        * `use1-az5`
+        * `use1-az6`
+      </td>
+    </tr>
+
     <tr>
       <td>
         us-east-2 (Ohio)
@@ -54,6 +69,19 @@ New Relic expõe o endpoint AWS PrivateLink para o seguinte:
       </td>
     </tr>
 
+    <tr>
+      <td>
+        us-west-2 (Oregon)
+      </td>
+
+      <td>
+        * `usw2-az1`
+        * `usw2-az2`
+        * `usw2-az3`
+        * `usw2-az4`
+      </td>
+    </tr>
+
     <tr>
       <td>
         eu-central-1
@@ -78,8 +106,16 @@ Estes são os serviços de endpoint New Relic disponíveis via AWS PrivateLink:
 
 <Tabs>
   <TabsBar>
-    <TabsBarItem id="us-endpoints">
-      NÓS
+    <TabsBarItem id="us-endpoints-use1">
+      US (us-east-1)
+    </TabsBarItem>
+
+    <TabsBarItem id="us-endpoints-use2">
+      US (us-east-2)
+    </TabsBarItem>
+
+    <TabsBarItem id="us-endpoints-usw2">
+      US (us-west-2)
     </TabsBarItem>
 
     <TabsBarItem id="eu-endpoints">
@@ -88,7 +124,141 @@ Estes são os serviços de endpoint New Relic disponíveis via AWS PrivateLink:
   </TabsBar>
 
   <TabsPages>
-    <TabsPageItem id="us-endpoints">
+    <TabsPageItem id="us-endpoints-use1">
+      <table>
+        <thead>
+          <tr>
+            <th>
+              Fonte de dados
+            </th>
+
+            <th>
+              Nome do host(s)
+            </th>
+
+            <th>
+              Nome(s) do serviço de endpoint
+            </th>
+          </tr>
+        </thead>
+
+        <tbody>
+          <tr>
+            <td>
+              APM
+            </td>
+
+            <td>
+              `collector.newrelic.com`
+            </td>
+
+            <td>
+              `com.amazonaws.vpce.us-east-1.vpce-svc-084f1583d1a7afdaf`
+            </td>
+          </tr>
+
+          <tr>
+            <td>
+              API de evento
+            </td>
+
+            <td>
+              `insights-collector.newrelic.com`
+            </td>
+
+            <td>
+              `com.amazonaws.vpce.us-east-1.vpce-svc-0ec0af01ab096419c`
+            </td>
+          </tr>
+
+          <tr>
+            <td>
+              API métrica (incluindo Prometheus e outras integrações)
+            </td>
+
+            <td>
+              `metric-api.newrelic.com`
+            </td>
+
+            <td>
+              `com.amazonaws.vpce.us-east-1.vpce-svc-085e8fb87d5493160`
+            </td>
+          </tr>
+
+          <tr>
+            <td>
+              Exploração madeireira
+            </td>
+
+            <td>
+              `log-api.newrelic.com`
+            </td>
+
+            <td>
+              `com.amazonaws.vpce.us-east-1.vpce-svc-03408b499252a02a7`
+            </td>
+          </tr>
+
+          <tr>
+            <td>
+              Distributed tracing
+            </td>
+
+            <td>
+              `trace-api.newrelic.com`
+            </td>
+
+            <td>
+              `com.amazonaws.vpce.us-east-1.vpce-svc-095f88345b701aaae`
+            </td>
+          </tr>
+
+          <tr>
+            <td>
+              Monitoramento de logs AWS Lambda e Cloudwatch
+            </td>
+
+            <td>
+              `cloud-collector.newrelic.com`
+            </td>
+
+            <td>
+              `com.amazonaws.vpce.us-east-1.vpce-svc-0ba6e1d02e7cbbccb`
+            </td>
+          </tr>
+
+          <tr>
+            <td>
+              Monitoramento de infraestrutura e integração no host
+            </td>
+
+            <td>
+              `infra-api.newrelic.com`
+            </td>
+
+            <td>
+              `com.amazonaws.vpce.us-east-1.vpce-svc-007e743510dc46024`
+            </td>
+          </tr>
+
+          <tr>
+            <td>
+              OpenTelemetry
+            </td>
+
+            <td>
+              `otlp.nr-data.net`
+            </td>
+
+            <td>
+              `com.amazonaws.vpce.us-east-1.vpce-svc-07d529b1d0f6d417d`
+            </td>
+          </tr>
+        </tbody>
+      </table>
+    </TabsPageItem>
+
+    <TabsPageItem id="us-endpoints-use2">
       <table>
         <thead>
           <tr>
@@ -255,6 +425,140 @@ Estes são os serviços de endpoint New Relic disponíveis via AWS PrivateLink:
       </Callout>
     </TabsPageItem>
 
+    <TabsPageItem id="us-endpoints-usw2">
+      <table>
+        <thead>
+          <tr>
+            <th>
+              Fonte de dados
+            </th>
+
+            <th>
+              Nome do host(s)
+            </th>
+
+            <th>
+              Nome do serviço de endpoint
+            </th>
+          </tr>
+        </thead>
+
+        <tbody>
+          <tr>
+            <td>
+              APM
+            </td>
+
+            <td>
+              `collector.newrelic.com`
+            </td>
+
+            <td>
+              `com.amazonaws.vpce.us-west-2.vpce-svc-05b3227a3674b5c8f`
+            </td>
+          </tr>
+
+          <tr>
+            <td>
+              API de evento
+            </td>
+
+            <td>
+              `insights-collector.newrelic.com`
+            </td>
+
+            <td>
+              `com.amazonaws.vpce.us-west-2.vpce-svc-0e22aa3aa8ca03a52`
+            </td>
+          </tr>
+
+          <tr>
+            <td>
+              API métrica (incluindo Prometheus e outras integrações)
+            </td>
+
+            <td>
+              `metric-api.newrelic.com`
+            </td>
+
+            <td>
+              `com.amazonaws.vpce.us-west-2.vpce-svc-0c656c220a611437f`
+            </td>
+          </tr>
+
+          <tr>
+            <td>
+              Exploração madeireira
+            </td>
+
+            <td>
+              `log-api.newrelic.com`
+            </td>
+
+            <td>
+              `com.amazonaws.vpce.us-west-2.vpce-svc-06acfe4c3ff826816`
+            </td>
+          </tr>
+
+          <tr>
+            <td>
+              Distributed tracing
+            </td>
+
+            <td>
+              `trace-api.newrelic.com`
+            </td>
+
+            <td>
+              `com.amazonaws.vpce.us-west-2.vpce-svc-07ccec1d95aa1a7b6`
+            </td>
+          </tr>
+
+          <tr>
+            <td>
+              Monitoramento de logs AWS Lambda e Cloudwatch
+            </td>
+
+            <td>
+              `cloud-collector.newrelic.com`
+            </td>
+
+            <td>
+              `com.amazonaws.vpce.us-west-2.vpce-svc-00658fd192f80188a`
+            </td>
+          </tr>
+
+          <tr>
+            <td>
+              Monitoramento de infraestrutura e integração no host
+            </td>
+
+            <td>
+              `infra-api.newrelic.com`
+            </td>
+
+            <td>
+              `com.amazonaws.vpce.us-west-2.vpce-svc-006678e8c6f037152`
+            </td>
+          </tr>
+
+          <tr>
+            <td>
+              OpenTelemetry
+            </td>
+
+            <td>
+              `otlp.nr-data.net`
+            </td>
+
+            <td>
+              `com.amazonaws.vpce.us-west-2.vpce-svc-06192ca8948a1e41c`
+            </td>
+          </tr>
+        </tbody>
+      </table>
+    </TabsPageItem>
+
     <TabsPageItem id="eu-endpoints">
       <table>
         <thead>
diff --git a/src/i18n/content/pt/docs/errors-inbox/errors-inbox.mdx b/src/i18n/content/pt/docs/errors-inbox/errors-inbox.mdx
index 2e21a599cd9..35e5eaf1dcf 100644
--- a/src/i18n/content/pt/docs/errors-inbox/errors-inbox.mdx
+++ b/src/i18n/content/pt/docs/errors-inbox/errors-inbox.mdx
@@ -87,7 +87,7 @@ Agente APM compatível:
 * [Browser](/docs/browser/new-relic-browser/browser-apis/seterrorhandler/#fingerprinting-errors-in-handler-function)
 * [Go](/docs/apm/agents/go-agent/api-guides/guide-using-go-agent-api/#error-fingerprinting)
 * [Java](/docs/apm/agents/java-agent/api-guides/java-agent-api-register-error-group-callback-to-set-fingerprint)
-* [Node.js](docs/apm/agents/nodejs-agent/api-guides/nodejs-agent-api/#setErrorGroupCallback)
+* [Node.js](/docs/apm/agents/nodejs-agent/api-guides/nodejs-agent-api/#setErrorGroupCallback)
 * [.Net](/docs/apm/agents/net-agent/net-agent-api/seterrorgroupcallback-net-agent-api)
 * [Python](/docs/apm/agents/python-agent/python-agent-api/seterrrorgroupcallback-python-agent-api)
 * [Ruby](/docs/apm/agents/ruby-agent/api-guides/sending-handled-errors-new-relic/#error-fingerprinting)
@@ -126,7 +126,7 @@ Nossas recomendações:
 * Evite incluir caracteres especiais na mensagem de erro.
 * Evite incluir instruções SQL na mensagem de erro.
 * Evite incluir stack trace na mensagem de erro. o rastreamento de pilha não será formatado quando enviado como mensagem de erro, portanto não funcionará com a integração CodeStream
-* Evite incluir dados que tenham alta variabilidade (ex: ids, datas, JSON). o usuário ficará melhor atendido se esses valores forem recolhidos a título de atributo. Esses atributos podem ser visualizados no nível de ocorrência individual, bem como no nível do grupo de erros na Errors Inbox dentro da [aba atributo](/docs/errors-inbox/errors-inbox/#attributes).
+* Evite incluir dados que tenham alta variabilidade (ex: ids, datas, JSON). o usuário ficará melhor atendido se esses valores forem recolhidos a título de atributo. Esses atributos podem ser visualizados no nível da ocorrência individual, bem como no nível do grupo de erros no **Profiles** dropdown.
 * Advertimos o uso de datas/carimbo de hora. Embora capturemos e agrupemos algumas mensagens de erro que contêm carimbo de data/hora, não podemos garantir que reconheceremos todos os formatos.
 
 ### Ocorrências [#occurrences]
@@ -209,15 +209,22 @@ Errors Inbox permite filtrar erros esperados para entidade APM. Você pode [marc
 
 ## Detalhes do erro [#error-details]
 
+Na Errors Inbox, se você clicar em um grupo de erros específico, verá uma visualização pop-up mostrando o contexto completo do problema.
+
 <img
   title="Error group details page"
   alt="An image showing the details page of an error group"
   src={errorsinboxErrorContext}
 />
 
-Clicar em um grupo de erros específico leva você à página de detalhes do erro, onde encontrará o contexto completo do problema. Este contexto pode ajudá-lo a fazer a triagem do erro e atribuí-lo à equipe ou indivíduo correto.
+No painel esquerdo, você pode encontrar detalhes para uma **agregação de todas as ocorrências** desse erro:
+
+* Métrica: Número de usuários impactados, visto pela primeira vez, visto pela última vez
+* Ocorrências: quantas vezes o erro ocorreu nos últimos 30 minutos
+* Ocorrências por versão: quantas vezes o erro ocorreu por versão de implantação
+* Perfis: Atributo impactado (clique em um perfil para análise)
 
-Veja como funcionam as várias guias da página de detalhes:
+No painel direito, você pode encontrar detalhes de uma única ocorrência desse erro:
 
 <CollapserGroup>
   <Collapser
@@ -225,26 +232,40 @@ Veja como funcionam as várias guias da página de detalhes:
     id="occurrences-tab"
     title="Guia Ocorrências"
   >
-    A guia <DoNotTranslate>**Occurrences**</DoNotTranslate> inclui não apenas o número e a frequência dos erros, mas também conta relacionada, stack trace, distributed tracing, [contexto de login](/docs/logs/logs-context/logs-in-context) e informações de atribuição de erros.
+    O dropdown <DoNotTranslate>**Occurrences**</DoNotTranslate> inclui detalhes como:
+
+    * Número e frequência de erros
+
+    * Contas relacionadas
+
+    * Rastreamento de pilha
 
-    Na visualização detalhada, você pode percorrer erros específicos usando o botão de alternância no canto superior direito para navegar entre a primeira instância do erro, a última ou qualquer instância intermediária.
+    * Rastreamento distribuído
 
-    Se você configurou [distributed tracing](/docs/distributed-tracing/concepts/quick-start/) e se houver amostras de rastreamento relacionadas a erros, você verá opções para visualizar detalhes trace . Esta é uma maneira rápida de visualizar informações trace sem acessar a página principal distributed tracing :
+    * \[Logs in context](/docs/logs/logs-context/logs-in-context
+
+    * Uma lista de atributo de erro
+
+      Na visualização detalhada, você pode percorrer erros específicos usando o botão de alternância no canto superior direito para navegar entre a primeira instância do erro, a última ou qualquer instância intermediária.
+
+      Se você configurou [distributed tracing](/docs/distributed-tracing/concepts/quick-start/) e se houver amostras de rastreamento relacionadas a erros, você verá opções para visualizar detalhes trace . Esta é uma maneira rápida de visualizar informações trace sem acessar a página principal distributed tracing :
 
     * No painel esquerdo denominado <DoNotTranslate>**Distributed traces**</DoNotTranslate>, você pode expandir o cabeçalho para mostrar uma lista de todos os rastreamentos associados a erros neste grupo de erros. Alternativamente, você pode clicar em <DoNotTranslate>**Explore all**</DoNotTranslate> para abrir uma lista de todos os rastreamentos.
 
       <img
+        width="50%"
         style={{ align: "left" }}
         title="Screenshot showing how to expand the list of traces"
         alt="Screenshot showing how to expand the list of traces"
         src={errorsinboxListofTraces}
       />
 
-    * No painel direito denominado <DoNotTranslate>**Distributed trace**</DoNotTranslate>, você verá o trace associado à ocorrência de erro exibida nesta página. Para ver os intervalos do trace em uma visualização em cascata:
+    * Em <DoNotTranslate>**Distributed trace**</DoNotTranslate>, você verá o trace associado à ocorrência de erro exibida nesta página. Para ver os intervalos do trace em uma visualização em cascata:
 
-      * Clique diretamente no nome do trace ou clique no ícone com uma seta à direita, que abre a visualização de foco em cascata que destaca extensões trace com erros.
+      * Clique diretamente no nome do trace ou clique no ícone com uma seta à direita. Isso abre a visualização do foco em cascata que destaca extensões trace com erros.
 
         <img
+          width="70%"
           style={{ align: "left" }}
           title="Screenshot showing the trace related to your error"
           alt="Screenshot showing the trace related to your error"
@@ -254,30 +275,6 @@ Veja como funcionam as várias guias da página de detalhes:
       * Clique em <DoNotTranslate>**Explore**</DoNotTranslate> para abrir uma cascata não filtrada onde você pode clicar em todos os trechos.
   </Collapser>
 
-  <Collapser
-    className="freq-link"
-    id="attributes"
-    title="Aba atributo"
-  >
-    A guia <DoNotTranslate>**Attributes**</DoNotTranslate> ajuda a observar tendências interessantes em todas as ocorrências de erros dentro de um grupo de erros específico. Você pode baixar essas informações como um arquivo CSV para análise posterior. Ao clicar em uma barra de atributo, uma tabela é renderizada mostrando o detalhamento de atributo e contagens.
-
-    Você também pode enviar [um atributo personalizado](/docs/data-apis/custom-data/custom-events/collect-custom-attributes/).
-
-    <img
-      title="Error group attributes tab"
-      alt="An image showing the attributes tab inside an error group"
-      src={errorsinboxErrorContext2}
-    />
-  </Collapser>
-
-  <Collapser
-    className="freq-link"
-    id="activity"
-    title="Guia Atividade"
-  >
-    A guia <DoNotTranslate>**Activity**</DoNotTranslate> exibe um log das alterações de status e atribuições de usuário de um grupo de erros.
-  </Collapser>
-
   <Collapser
     className="freq-link"
     id="discussions"
diff --git a/src/i18n/content/pt/docs/infrastructure/amazon-integrations/aws-integrations-list/aws-sys-dist.mdx b/src/i18n/content/pt/docs/infrastructure/amazon-integrations/aws-integrations-list/aws-sys-dist.mdx
index 4acc715aa29..eac2a301900 100644
--- a/src/i18n/content/pt/docs/infrastructure/amazon-integrations/aws-integrations-list/aws-sys-dist.mdx
+++ b/src/i18n/content/pt/docs/infrastructure/amazon-integrations/aws-integrations-list/aws-sys-dist.mdx
@@ -17,7 +17,7 @@ Conclua a configuração recomendada pela AWS na [documentação do AWS Systems
 
 ## Ativar integração [#integration]
 
-Você pode usar o console do AWS Systems Manager para instalar ou atualizar o pacote do distribuidor <DoNotTranslate>**New Relic infrastructure monitoring agent**</DoNotTranslate> uma vez ou pode definir uma programação de instalação.
+Você pode usar o console do AWS Systems Manager para instalar ou atualizar o pacote do distribuidor <DoNotTranslate>**New Relic infrastructure agent**</DoNotTranslate> uma vez ou pode definir uma programação de instalação.
 
 * Ao configurar uma instalação única, o
 
@@ -31,9 +31,9 @@ A New Relic também fornece processo automatizado para monitoramento do EC2 e po
 
 ## Instalar ou atualizar o agente [#install-update]
 
-1. Abra o [console](https://console.aws.amazon.com/systems-manager) do AWS Systems Manager. No painel de navegação, escolha <DoNotTranslate>**Distributor**</DoNotTranslate>, selecione <DoNotTranslate>**Third party**</DoNotTranslate> e selecione o bloco <DoNotTranslate>**New Relic infrastructure monitoring agent**</DoNotTranslate> .
+1. Abra o [console](https://console.aws.amazon.com/systems-manager) do AWS Systems Manager. No painel de navegação, escolha <DoNotTranslate>**Distributor**</DoNotTranslate>, selecione <DoNotTranslate>**Third party**</DoNotTranslate> e selecione o bloco <DoNotTranslate>**New Relic infrastructure agent**</DoNotTranslate> .
 
-2. Selecione o modo de instalação. Você pode instalar ou atualizar o pacote <DoNotTranslate>**New Relic infrastructure monitoring agent**</DoNotTranslate> uma vez ou agendar a instalação. Para obter informações detalhadas sobre a instalação do <DoNotTranslate>**Distributor packages**</DoNotTranslate>, consulte [a documentação do Distribuidor do AWS Systems Manager](https://docs.aws.amazon.com/systems-manager/latest/userguide/distributor-working-with-packages-deploy.html).
+2. Selecione o modo de instalação. Você pode instalar ou atualizar o pacote <DoNotTranslate>**New Relic infrastructure agent**</DoNotTranslate> uma vez ou agendar a instalação. Para obter informações detalhadas sobre a instalação do <DoNotTranslate>**Distributor packages**</DoNotTranslate>, consulte [a documentação do Distribuidor do AWS Systems Manager](https://docs.aws.amazon.com/systems-manager/latest/userguide/distributor-working-with-packages-deploy.html).
 
 3. Para <DoNotTranslate>**Action**</DoNotTranslate>, escolha <DoNotTranslate>**Install**</DoNotTranslate>.
 
diff --git a/src/i18n/content/pt/docs/infrastructure/host-integrations/host-integrations-list/apache-mesos-integration.mdx b/src/i18n/content/pt/docs/infrastructure/host-integrations/host-integrations-list/apache-mesos-integration.mdx
new file mode 100644
index 00000000000..2fd8daa234c
--- /dev/null
+++ b/src/i18n/content/pt/docs/infrastructure/host-integrations/host-integrations-list/apache-mesos-integration.mdx
@@ -0,0 +1,125 @@
+---
+title: Integração Apache Mesos
+tags:
+  - New Relic integrations
+  - Apache Mesos integration
+metaDescription: Use New Relic infrastructure agent to get a dashboard with metrics from your Apache Mesos.
+freshnessValidatedDate: '2024-05-20T00:00:00.000Z'
+translationType: machine
+---
+
+import apacheMesosDashboard from 'images/infrastructure_screenshot_full-apache-mesos-dashboard.webp'
+
+Monitor o cluster Apache Mesos perfeitamente com New Relic para insights abrangentes sobre desempenho, integridade e utilização de recursos. Rastreie nós mestres e escravos, monitor a execução de tarefas e revise as métricas do sistema.
+
+<img
+  title="Apache Mesos dashboard"
+  alt="Apache Mesos dashboard"
+  src={apacheMesosDashboard}
+/>
+
+<figcaption>
+  Depois de configurar nossa integração Apache Mesos, fornecemos um dashboard para sua métrica Apache Mesos.
+</figcaption>
+
+<Steps>
+  <Step>
+    ## Instalar o agente de infraestrutura [#infra-install]
+
+    Para usar a integração do Apache Mesos, é necessário [instalar também o agente de infraestrutura](/docs/infrastructure/install-infrastructure-agent/get-started/install-infrastructure-agent-new-relic/) no mesmo host. O agente de infraestrutura monitora o próprio host, enquanto a integração que você instalará na próxima etapa estende seu monitoramento com dados específicos do Apache Mesos.
+  </Step>
+
+  <Step>
+    ## Habilite a integração do Apache Mesos com nri-flex
+
+    Para configurar a integração do Apache Mesos, siga estas etapas:
+
+    1. Crie um arquivo chamado `nri-apache-mesos-config.yml` no diretório integração:
+
+       ```shell
+       touch /etc/newrelic-infra/integrations.d/nri-apache-mesos-config.yml
+       ```
+
+    2. Adicione o trecho a seguir ao arquivo `nri-apache-mesos-config.yml` para permitir que o agente capture dados do Apache Mesos:
+
+       ```yml
+       integrations:
+         - name: nri-flex
+           interval: 30s
+           config:
+             name: apacheMesos
+             apis:
+               - event_type: apacheMesos
+                 url: http://<ip-address>:5050/metrics/snapshot
+       ```
+  </Step>
+
+  <Step>
+    ## Log de encaminhamento do Apache Mesos
+
+    Siga estas etapas para encaminhar o log do Apache Mesos para New Relic:
+
+    1. Edite o arquivo de log denominado `logging.yml` localizado no seguinte caminho:
+
+       ```shell
+       cd /etc/newrelic-infra/logging.d
+       ```
+
+    2. Adicione o seguinte trecho ao arquivo `logging.yml` . Substitua `file` pelo caminho do arquivo de log do Apache Mesos, se necessário:
+
+       ```yml
+       logs:
+         - name: syslog
+           file: /var/log/mesos
+           attributes:
+             logtype: apache_mesos_log
+       ```
+  </Step>
+
+  <Step>
+    ## Reinicie o agente do New Relic Infrastructure
+
+    Reinicie seu agente de infraestrutura:
+
+    ```shell
+    sudo systemctl restart newrelic-infra.service
+    ```
+
+    Em alguns minutos, seu aplicativo começará a enviar métricas para [one.newrelic.com](https://one.newrelic.com).  
+
+  </Step>
+
+  <Step>
+    ## Encontre seus dados
+
+    Você pode usar nosso modelo dashboard pré-construído para monitor seu aplicativo métrica do Apache Mesos. Siga estas etapas para usar nosso modelo dashboard pré-construído:
+
+    1. De [one.newrelic.com](https://one.newrelic.com), vá para a página
+
+       <DoNotTranslate>**+ Add data**</DoNotTranslate>
+
+    2. Clique em
+
+       <DoNotTranslate>**Dashboards**</DoNotTranslate>
+
+    3. Na barra de pesquisa, digite `Apache Mesos`
+
+    4. O dashboard do Apache Mesos deve aparecer. Clique nele para instalá-lo
+
+    Seu dashboard do Apache Mesos é considerado um painel personalizado e pode ser encontrado na interface <DoNotTranslate>**Dashboards**</DoNotTranslate>. Para obter documentos sobre como usar e editar o painel, consulte [nossos documentos dashboard ](/docs/query-your-data/explore-query-data/dashboards/introduction-dashboards).
+
+    Aqui está um exemplo de consulta NRQL para visualizar o master tempo de operação do Apache Mesos:
+
+    ```sql
+    SELECT latest(`master/uptime_secs`) as 'Masters uptime (seconds)' FROM apacheMesos
+    ```
+  </Step>
+</Steps>
+
+## Qual é o próximo?
+
+Para saber mais sobre como construir uma consulta NRQL e gerar um painel, confira estes documentos:
+
+* [Introdução ao criador de consulta](/docs/query-your-data/explore-query-data/query-builder/introduction-query-builder) para criação de consultas básicas e avançadas.
+* [Introdução aos dashboards](/docs/query-your-data/explore-query-data/dashboards/introduction-dashboards) para personalizar seu dashboard e realizar diversas ações.
+* [Gerencie seu dashboard](/docs/query-your-data/explore-query-data/dashboards/manage-your-dashboard) para ajustar o modo de exibição dos painéis ou para adicionar mais conteúdo ao seu dashboard.
\ No newline at end of file
diff --git a/src/i18n/content/pt/docs/infrastructure/host-integrations/host-integrations-list/postfix-monitoring-integration.mdx b/src/i18n/content/pt/docs/infrastructure/host-integrations/host-integrations-list/postfix-monitoring-integration.mdx
index feae468124e..98bcf9a2e89 100644
--- a/src/i18n/content/pt/docs/infrastructure/host-integrations/host-integrations-list/postfix-monitoring-integration.mdx
+++ b/src/i18n/content/pt/docs/infrastructure/host-integrations/host-integrations-list/postfix-monitoring-integration.mdx
@@ -10,7 +10,7 @@ translationType: machine
 
 import infrastructurePostfixDashboard from 'images/infrastructure_screenshot-full_Postfix-dashboard.webp'
 
-Nossa integração Postfix consolida os dados do servidor de e-mail em uma única visualização, para que você possa rastrear quantos e-mails são enviados, devolvidos ou adiados em um determinado período de tempo. Nossa integração Postfix usa nosso agente de monitoramento de infraestrutura e oferece um dashboard pré-construído com suas métricas Postfix mais importantes, como processo de entrega de e-mail, fila de e-mail e visão geral de mensagens.
+Nossa integração Postfix consolida os dados do servidor de e-mail em uma única visualização, para que você possa rastrear quantos e-mails são enviados, devolvidos ou adiados em um determinado período de tempo. Nossa integração Postfix usa nosso agente de infraestrutura e oferece um dashboard pré-construído com suas métricas Postfix mais importantes, como processo de entrega de e-mail, fila de e-mail e visão geral de mensagens.
 
 <img
   title="Postfix dashboard"
diff --git a/src/i18n/content/pt/docs/infrastructure/host-integrations/host-integrations-list/rabbitmq-monitoring-integration.mdx b/src/i18n/content/pt/docs/infrastructure/host-integrations/host-integrations-list/rabbitmq-monitoring-integration.mdx
index 891053821b1..e0423d72781 100644
--- a/src/i18n/content/pt/docs/infrastructure/host-integrations/host-integrations-list/rabbitmq-monitoring-integration.mdx
+++ b/src/i18n/content/pt/docs/infrastructure/host-integrations/host-integrations-list/rabbitmq-monitoring-integration.mdx
@@ -38,7 +38,7 @@ Para instalar a integração RabbitMQ, siga as instruções para seu ambiente:
     id="ansible"
     title="Ansible"
   >
-    Comece a usar nosso [agente de monitoramento de infraestrutura](/docs/infrastructure/infrastructure-monitoring/get-started/get-started-infrastructure-monitoring/) usando [ferramentas de gerenciamento de configuração](/docs/infrastructure/install-infrastructure-agent/linux-installation/install-configuration-management-tools).
+    Comece a usar nosso [agente de infraestrutura](/docs/infrastructure/infrastructure-monitoring/get-started/get-started-infrastructure-monitoring/) usando [ferramentas de gerenciamento de configuração](/docs/infrastructure/install-infrastructure-agent/linux-installation/install-configuration-management-tools).
   </Collapser>
 
   <Collapser
diff --git a/src/i18n/content/pt/docs/infrastructure/host-integrations/host-integrations-list/vmware-vsphere-monitoring-integration.mdx b/src/i18n/content/pt/docs/infrastructure/host-integrations/host-integrations-list/vmware-vsphere-monitoring-integration.mdx
index 749f94e1fe6..f067832b770 100644
--- a/src/i18n/content/pt/docs/infrastructure/host-integrations/host-integrations-list/vmware-vsphere-monitoring-integration.mdx
+++ b/src/i18n/content/pt/docs/infrastructure/host-integrations/host-integrations-list/vmware-vsphere-monitoring-integration.mdx
@@ -145,7 +145,7 @@ A configuração no formato YAML de uma integração é onde você pode colocar
 
 Para configurar a integração do vSphere, você deve definir a URL dos endpoints de API do vSphere e seu nome de usuário e senha do vSphere. Para obter exemplos de configuração, consulte os [arquivos de configuração de amostra](#example-config). Alguns recursos de integração do vSphere são opcionais e podem ser habilitados por meio das configurações de configuração.
 
-Além disso, com [o gerenciamento de segredos](/docs/integrations/host-integrations/installation/secrets-management), você pode configurar a integração no host com o agente de monitoramento de infraestrutura da New Relic para usar dados confidenciais (como senhas) sem precisar gravá-los como texto simples no arquivo de configuração da integração.
+Além disso, com [o gerenciamento de segredos](/docs/integrations/host-integrations/installation/secrets-management), você pode configurar a integração no host com o agente de infraestrutura do New Relic para usar dados confidenciais (como senhas) sem precisar gravá-los como texto simples no arquivo de configuração da integração.
 
 <CollapserGroup>
   <Collapser
diff --git a/src/i18n/content/pt/docs/infrastructure/host-integrations/host-integrations-list/windows-services-integration.mdx b/src/i18n/content/pt/docs/infrastructure/host-integrations/host-integrations-list/windows-services-integration.mdx
index 5ef7f37cb62..496221088e1 100644
--- a/src/i18n/content/pt/docs/infrastructure/host-integrations/host-integrations-list/windows-services-integration.mdx
+++ b/src/i18n/content/pt/docs/infrastructure/host-integrations/host-integrations-list/windows-services-integration.mdx
@@ -41,7 +41,7 @@ Nossa integração vem junto com o [agente de infraestrutura do Windows](/docs/i
 
 Nossa integração é compatível com todas [as versões do Windows suportadas](/docs/infrastructure/install-infrastructure-agent/get-started/requirements-infrastructure-agent) pelo agente New Relic Infrastructure .
 
-Você deve ter <DoNotTranslate>**version 1.12.1 or higher**</DoNotTranslate> para nosso [agente de monitoramento de infraestrutura](/docs/infrastructure/install-infrastructure-agent/windows-installation/install-infrastructure-monitoring-agent-windows) instalado em um host compatível. As versões x86 do Windows ainda não são suportadas.
+Você deve ter <DoNotTranslate>**version 1.12.1 or higher**</DoNotTranslate> para nosso [agente de infraestrutura](/docs/infrastructure/install-infrastructure-agent/windows-installation/install-infrastructure-monitoring-agent-windows) instalado em um host compatível. As versões x86 do Windows ainda não são suportadas.
 
 <Steps>
   <Step>
diff --git a/src/i18n/content/pt/docs/infrastructure/host-integrations/infrastructure-integrations-sdk/specifications/host-integration-executable-file-json-specifications.mdx b/src/i18n/content/pt/docs/infrastructure/host-integrations/infrastructure-integrations-sdk/specifications/host-integration-executable-file-json-specifications.mdx
index b6dcd4bd2ce..0786625fc71 100644
--- a/src/i18n/content/pt/docs/infrastructure/host-integrations/infrastructure-integrations-sdk/specifications/host-integration-executable-file-json-specifications.mdx
+++ b/src/i18n/content/pt/docs/infrastructure/host-integrations/infrastructure-integrations-sdk/specifications/host-integration-executable-file-json-specifications.mdx
@@ -11,7 +11,7 @@ translationType: machine
 
 import infrastructureSdkDataStructure from 'images/infrastructure_diagram_sdk-data-structure.webp'
 
-Uma [integração no host do agente de infraestrutura](/docs/infrastructure/host-integrations/installation/install-infrastructure-host-integrations) New Relic consistirá em pelo menos dois arquivos: um arquivo executável e pelo menos um arquivo de configuração. O arquivo executável gera dados JSON que são consumidos pelo agente de monitoramento de infraestrutura e enviados para a New Relic. Referimo-nos ao objeto JSON como protocolo de integração SDK.
+Uma [integração no host do agente de infraestrutura](/docs/infrastructure/host-integrations/installation/install-infrastructure-host-integrations) New Relic consistirá em pelo menos dois arquivos: um arquivo executável e pelo menos um arquivo de configuração. O arquivo executável gera dados JSON que são consumidos pelo agente de infraestrutura e enviados para a New Relic. Referimo-nos ao objeto JSON como protocolo de integração SDK.
 
 ## Requisitos de arquivo executável [#what-is]
 
diff --git a/src/i18n/content/pt/docs/infrastructure/host-integrations/installation/secrets-management.mdx b/src/i18n/content/pt/docs/infrastructure/host-integrations/installation/secrets-management.mdx
index 5b1e89e26af..578ebe9b03f 100644
--- a/src/i18n/content/pt/docs/infrastructure/host-integrations/installation/secrets-management.mdx
+++ b/src/i18n/content/pt/docs/infrastructure/host-integrations/installation/secrets-management.mdx
@@ -619,6 +619,12 @@ Referindo-se ao exemplo acima, chame o nome de usuário e a senha assim:
    PASSWORD: ${credentials.password}
 ```
 
+Observação: para o Microsoft SQL Server, se você usar um login de usuário de autenticação do Windows, deverá prefixar `USERNAME` com seu domínio. Por exemplo:
+
+```
+   USERNAME: <domain>\${credentials.user}
+```
+
 ## Ofuscação New Relic CLI [#newrelic-cli-obfuscation]
 
 <Callout variant="important">
diff --git a/src/i18n/content/pt/docs/infrastructure/infrastructure-monitoring/get-started/choose-infra-install-method.mdx b/src/i18n/content/pt/docs/infrastructure/infrastructure-monitoring/get-started/choose-infra-install-method.mdx
new file mode 100644
index 00000000000..9c6f98f743f
--- /dev/null
+++ b/src/i18n/content/pt/docs/infrastructure/infrastructure-monitoring/get-started/choose-infra-install-method.mdx
@@ -0,0 +1,82 @@
+---
+title: Escolha o método de instalação do agente de infraestrutura
+tags:
+  - Infrastructure
+  - Install the infrastructure agent
+  - Get started
+metaDescription: An overview of installation methods for New Relic's infrastructure agent and infrastructure integrations.
+freshnessValidatedDate: '2024-05-21T00:00:00.000Z'
+translationType: machine
+---
+
+import osAnsibleRed from 'images/os_icon_ansible-red.webp'
+
+import osChef from 'images/os_icon_chef.webp'
+
+import osEbs from 'images/os_icon_ebs.webp'
+
+import osPuppet from 'images/os_icon_puppet.webp'
+
+import infrastructureAngetsandNr from 'images/infrastructure_diagram_angets-and-nr.webp'
+
+import osDocker from 'images/os_icon_docker.webp'
+
+O agente de infraestrutura é um arquivo executável que coleta dados sobre seus hosts. Você pode permitir que o agente de infraestrutura relate dados de [alguns serviços de terceiros](/docs/infrastructure/host-integrations/installation/install-infrastructure-host-integrations) e colete [dadoslog ](/docs/logs/enable-log-monitoring-new-relic/enable-log-monitoring-new-relic/forward-your-logs-using-infrastructure-agent).
+
+O agente de infraestrutura pode ser executado no Windows, no macOS e em muitas distribuições do Linux. Este documento descreve os diferentes métodos que podem ser usados para instalar o agente de infraestrutura. Para começar, você precisará de uma [conta New Relic](https://newrelic.com/signup) e de uma chave de licença.
+
+## Instale o agente de infraestrutura manualmente [#manual-install]
+
+Recomendamos seguir nossos procedimentos de instalação manual se você deseja monitor alguns hosts, mas nada mais complexo. Em geral, você usará a linha de comando para criar um diretório onde o agente reside e, em seguida, adicionará as informações da sua chave de licença. Dependendo do seu sistema operacional, pode ser necessário criar e editar também um arquivo de configuração. Para instalar manualmente, comece aqui:
+
+* [Instale em sistemas Linux com um gerenciador de pacote](/docs/infrastructure/install-infrastructure-agent/linux-installation/install-infrastructure-monitoring-agent-linux)
+* [Instalar no macOS](/docs/infrastructure/install-infrastructure-agent/macos-installation/install-infrastructure-monitoring-agent-macos)
+* Instale no Windows com [instalação MSI](/docs/infrastructure/install-infrastructure-agent/windows-installation/install-infrastructure-monitoring-agent-windows), [instalação zip](/docs/infrastructure/install-infrastructure-agent/windows-installation/zip-assisted-install-infrastructure-agent-windows) ou [instalação zip manual](/docs/infrastructure/install-infrastructure-agent/windows-installation/zip-manual-install-infrastructure-agent-windows).
+
+## Implantar o agente de infraestrutura programaticamente [#deploy-programmatically]
+
+Você pode implantar o agente de infraestrutura programaticamente com diversas ferramentas de gerenciamento e implantação de configuração:
+
+* <img style={{ width: '32px', height: '32px', verticalAlign: 'middle'}} class="inline" title="Ansible" alt="Ansible" src={osAnsibleRed}>[Ansible](/docs/infrastructure/new-relic-infrastructure/config-management-tools/configure-new-relic-infrastructure-using-ansible)</img>
+* <img style={{ width: '32px', height: '32px', verticalAlign: 'middle'}} class="inline" title="Chef" alt="Chef" src={osChef}>[Chef](/docs/infrastructure/new-relic-infrastructure/config-management-tools/configure-new-relic-infrastructure-using-chef)</img>
+* <img style={{ width: '32px', height: '28px', verticalAlign: 'middle'}} class="inline" title="Docker" alt="Docker" src={osDocker}>[Docker](/docs/infrastructure/install-infrastructure-agent/linux-installation/docker-container-infrastructure-monitoring) (instalar como contêiner)</img>
+* <img style={{ width: '32px', height: '32px', verticalAlign: 'middle'}} class="inline" title="EBS" alt="EBS" src={osEbs}>[Elastic Beanstalk](/docs/infrastructure/install-infrastructure-agent/config-management-tools/install-infrastructure-agent-aws-elastic-beanstalk)</img>
+* <img style={{ width: '32px', height: '32px', verticalAlign: 'middle'}} class="inline" title="Puppet" alt="Puppet" src={osPuppet}>[Puppet](/docs/infrastructure/new-relic-infrastructure/config-management-tools/configure-new-relic-infrastructure-puppet)</img>
+
+## Use a instalação guiada [#guided-install]
+
+A instalação guiada é um único comando CLI que você pode executar para monitor sua instância. É uma boa opção para pequenas organizações, ou para quem quer testar New Relic. Quando você executa o comando CLI, New Relic inspecionará seu sistema para encontrar outras tecnologias de compatibilidade que você queira monitor. Você também receberá a [API de status da infraestrutura](https://github.com/newrelic/infrastructure-agent/blob/master/docs/status_api.md) por padrão.
+
+<Callout variant="important">
+  A CLI do New Relic não oferece suporte a servidores FedRAMP. Se você é cliente FedRAMP, consulte as [instruções de instalação do manual](#manual-install).
+</Callout>
+
+Escolha [a região do seu data center New Relic](/docs/accounts/accounts-billing/account-setup/choose-your-data-center) para começar:
+
+<ButtonGroup>
+  <ButtonLink
+    role="button"
+    to="https://one.newrelic.com/marketplace?state=15321ec0-7cd8-0c04-52bf-7b65778f2e8c"
+    variant="primary"
+  >
+    Instalação guiada para região dos EUA
+  </ButtonLink>
+
+  <ButtonLink
+    role="button"
+    to="https://one.eu.newrelic.com/marketplace?state=15321ec0-7cd8-0c04-52bf-7b65778f2e8c"
+    variant="primary"
+  >
+    Instalação guiada para a região da UE
+  </ButtonLink>
+</ButtonGroup>
+
+## Qual é o próximo? [#whats-next]
+
+Depois de instalar o agente de infraestrutura:
+
+* Aprenda como [configurar o agente](/docs/infrastructure/install-configure-infrastructure/configuration/configure-infrastructure-agent) ou editar o [modelo de configuração](https://github.com/newrelic/infrastructure-agent/blob/master/assets/examples/infrastructure/newrelic-infra-template.yml.example).
+* Instale [integração no host](/docs/integrations/host-integrations/getting-started/introduction-host-integrations) (por exemplo, Apache ou MySQL).
+* [Habilite o encaminhamento de logs usando o agente de infraestrutura](/docs/logs/enable-new-relic-logs/1-enable-logs/forward-your-logs-using-new-relic-infrastructure).
+* Aprenda como [gerenciar o agente](/docs/infrastructure/install-infrastructure-agent/manage-your-agent).
+* Nosso agente de infraestrutura é um arquivo executável leve. Saiba mais sobre o que isso significa [aqui](/docs/infrastructure/new-relic-infrastructure/getting-started/infrastructure-agent-performance-overhead)
\ No newline at end of file
diff --git a/src/i18n/content/pt/docs/infrastructure/infrastructure-monitoring/get-started/get-started-infrastructure-monitoring.mdx b/src/i18n/content/pt/docs/infrastructure/infrastructure-monitoring/get-started/get-started-infrastructure-monitoring.mdx
index 87695b81854..3699a35928a 100644
--- a/src/i18n/content/pt/docs/infrastructure/infrastructure-monitoring/get-started/get-started-infrastructure-monitoring.mdx
+++ b/src/i18n/content/pt/docs/infrastructure/infrastructure-monitoring/get-started/get-started-infrastructure-monitoring.mdx
@@ -5,11 +5,13 @@ tags:
   - Infrastructure monitoring
   - Get started
 metaDescription: 'New Relic provides flexible, dynamic monitoring of your entire infrastructure. Learn about features, installation, and use cases.'
-freshnessValidatedDate: never
+freshnessValidatedDate: '2024-05-21T00:00:00.000Z'
 translationType: machine
 ---
 
-import infrastructureMainUi from 'images/infrastructure_screenshot-full_main_infra_hosts_ui.webp'
+import infrastructureOverviewUI from 'images/infrastructure_screenshot-overview.webp'
+
+import infrastructureAngetsandNr from 'images/infrastructure_diagram_angets-and-nr.webp'
 
 import infrastructureInventory from 'images/infrastructure_screenshot-full_inventory-page.webp'
 
@@ -17,65 +19,41 @@ import infrastructureEvents from 'images/infrastructure_screenshot-full_events-p
 
 import infrastructurek8ClusterExplorer from 'images/infrastructure_screenshot-full_k8-cluster-explorer.webp'
 
-A New Relic oferece observabilidade flexível e dinâmica de toda a sua infraestrutura, desde serviços executados na nuvem ou em hosts dedicados até contêineres executados em ambientes orquestrados. Você pode conectar a integridade e o desempenho de todos os seus hosts ao contexto do aplicativo, ao log e às alterações de configuração.
-
-Com o monitoramento de infraestrutura, as equipes de operações modernas obtêm observabilidade completa de sistemas complexos e híbridos, desde um data center até milhares de instâncias da Amazon, Google Cloud ou Azure.
-
-Continue lendo para saber mais sobre nossas soluções de monitoramento de infraestrutura e como começar. Se ainda não o fez, crie sua conta New Relic gratuita abaixo para começar a monitorar seus dados hoje mesmo.
-
-<InlineSignup/>
+New Relic permite monitor sua infraestrutura de software para que você possa fornecer sistemas confiáveis. Quer você trabalhe na nuvem, em hosts dedicados ou com contêineres executados em ambientes orquestrados, você pode usar o monitoramento de infraestrutura para melhorar os resultados de saúde e desempenho.
 
 <img
   title="New Relic - Infrastructure Monitoring"
   alt="New Relic - Infrastructure Monitoring"
-  src={infrastructureMainUi}
+  src={infrastructureOverviewUI}
 />
 
 <figcaption>
-  A página <DoNotTranslate>**Hosts**</DoNotTranslate> da sua infraestrutura mostra indicadores de desempenho de sistemas, redes, processos e armazenamento.
+  De <DoNotTranslate>**[one.newrelic.com](https://one.newrelic.com) > All Capabilities > Infrastructure**</DoNotTranslate>: a página <DoNotTranslate>**Hosts**</DoNotTranslate> mostra dados de desempenho sobre seus sistemas, redes, processos e armazenamento.
 </figcaption>
 
-<Callout variant="tip">
-  Quer aprender como usar o monitoramento de infraestrutura de maneira eficaz? Experimente nosso [laboratório guiado de infraestrutura e causas raiz](/docs/infrastructure/infrastructure-monitoring/get-started/identify-root-causes-guide).
-</Callout>
-
-## Nossas soluções de monitoramento de infraestrutura [#infrastructure-solutions]
-
-Temos uma ampla gama de soluções de monitoramento de infraestrutura. Aqui está um resumo:
-
-* Nosso [agente de infraestrutura](/docs/infrastructure/install-infrastructure-agent/get-started/install-infrastructure-agent) para sistemas operacionais Linux, macOS e Windows.
-* Nossa integração [Kubernetes](/docs/kubernetes-pixie/kubernetes-integration/installation/kubernetes-integration-install-configure) e [Pixie](/docs/kubernetes-pixie/auto-telemetry-pixie/get-started-auto-telemetry-pixie) .
-* Nossa [integração na nuvem](/docs/infrastructure/infrastructure-integrations/get-started/introduction-infrastructure-integrations/#cloud-integrations) para Amazon, Azure e Google Cloud Platform.
-* Nossa [integração Prometheus](/docs/infrastructure/prometheus-integrations/get-started/send-prometheus-metric-data-new-relic).
-* Nossa [integração no host](/docs/infrastructure/infrastructure-integrations/get-started/introduction-infrastructure-integrations/#on-host-integrations) para serviços como MySQL, NGINX, Cassandra e Kafka (para citar alguns). A maior parte da integração no host é instalada com o agente de infraestrutura e trabalha em conjunto com ele para enviar dados.
+## Um agente, muitos recursos [#overview]
 
-## Início rápido: use nossa instalação guiada [#quick]
+Para obter acesso ao nosso recurso de monitoramento de infraestrutura, você precisa do agente de infraestrutura. Quando você instala o agente, ele coleta dados de desempenho e integridade sobre recursos e processos do sistema para hosts locais ou virtualizados. A partir daí, você pode configurar o agente para emparelhar com uma de nossas [integração suportadas no host](/docs/integrations/host-integrations/getting-started/introduction-host-integrations) ou para [encaminhar log](/docs/logs/enable-log-monitoring-new-relic/enable-log-monitoring-new-relic/forward-your-logs-using-infrastructure-agent).
 
-A maneira mais rápida de começar é usar nossa instalação guiada, que instala nosso [agente de monitoramento de infraestrutura](/docs/infrastructure/install-infrastructure-agent/get-started/install-infrastructure-agent) e descobre aplicativos e fontes de log em seu ambiente.
-
-<ButtonGroup>
-  <ButtonLink
-    role="button"
-    to="https://one.newrelic.com/launcher/nr1-core.explorer?pane=eyJuZXJkbGV0SWQiOiJucjEtY29yZS5saXN0aW5nIn0=&cards[0]=eyJuZXJkbGV0SWQiOiJucjEtaW5zdGFsbC1uZXdyZWxpYy5ucjEtaW5zdGFsbC1uZXdyZWxpYyIsImFjdGl2ZUNvbXBvbmVudCI6IlZUU09FbnZpcm9ubWVudCIsInBhdGgiOiJndWlkZWQifQ=="
-    variant="primary"
-  >
-    Instalação guiada
-  </ButtonLink>
+<img
+  title="Agents and New Relic"
+  alt="Agents and New Relic"
+  src={infrastructureAngetsandNr}
+/>
 
-  <ButtonLink
-    role="button"
-    to="https://one.eu.newrelic.com/launcher/nr1-core.explorer?pane=eyJuZXJkbGV0SWQiOiJucjEtY29yZS5saXN0aW5nIn0=&cards[0]=eyJuZXJkbGV0SWQiOiJucjEtaW5zdGFsbC1uZXdyZWxpYy5ucjEtaW5zdGFsbC1uZXdyZWxpYyIsImFjdGl2ZUNvbXBvbmVudCI6IlZUU09FbnZpcm9ubWVudCIsInBhdGgiOiJndWlkZWQifQ=="
-    variant="primary"
-  >
-    UE instalação guiada
-  </ButtonLink>
-</ButtonGroup>
+O monitoramento de infraestrutura capacita equipes de operações modernas a se aprofundarem em sistemas complexos e híbridos, desde um único data center até milhares de instâncias da Amazon, Google Cloud ou Azure. Qualquer que seja a aparência da sua arquitetura, nosso recurso de monitoramento de infraestrutura ajuda você a solucionar problemas e melhorar seus sistemas. Aqui estão algumas soluções:
 
-A instalação guiada funciona com a maioria das configurações. Mas se não atender às suas necessidades, verifique [nossas outras opções de instalação](#install).
+* Nosso [agente de infraestrutura](/docs/infrastructure/install-infrastructure-agent/get-started/install-infrastructure-agent) para sistema operacional Linux, macOS e Windows
+* Nossa integração [Kubernetes](/docs/kubernetes-pixie/kubernetes-integration/installation/kubernetes-integration-install-configure) e [Pixie](/docs/kubernetes-pixie/auto-telemetry-pixie/get-started-auto-telemetry-pixie)
+* Nossa [integração na nuvem](/docs/infrastructure/infrastructure-integrations/get-started/introduction-infrastructure-integrations/#cloud-integrations) para Amazon, Azure e Google Cloud Platform
+* Nossa [integração Prometheus](/docs/infrastructure/prometheus-integrations/get-started/send-prometheus-metric-data-new-relic)
+* Nossa [integração no host](/docs/infrastructure/infrastructure-integrations/get-started/introduction-infrastructure-integrations/#on-host-integrations) para serviços como MySQL, NGINX, Cassandra e Kafka (para citar alguns)
 
 ## Reduza o MTTR com dados acionáveis [#why-it-matters]
 
-Métricas e análises em tempo real reduzem o [tempo médio de resolução](https://newrelic.com/devops/how-to-reduce-mttr) (MTTR), conectando alterações no desempenho do host a alterações na sua configuração. Na página <DoNotTranslate>**Inventory**</DoNotTranslate> , você pode pesquisar em todo o seu patrimônio para descobrir exatamente quais dos seus hosts contêm pacotes, configurações ou scripts de inicialização específicos.
+O tempo real métrico e o analítico reduzem seu [tempo médio de resolução](https://newrelic.com/devops/how-to-reduce-mttr) (MTTR), conectando mudanças no desempenho do host a mudanças em sua configuração. Aqui está um exemplo de como os dados de infraestrutura podem ajudá-lo:
+
+De <DoNotTranslate>**[one.newrelic.com](https://one.newrelic.com) > All Capabilities > Infrastructure monitoring > Inventory**</DoNotTranslate>: pesquise em todo o seu sistema para descobrir exatamente quais dos seus hosts contêm pacotes, configurações ou scripts de inicialização específicos.
 
 <img
   title="New Relic - Infrastructure monitoring - Inventory"
@@ -87,7 +65,7 @@ Métricas e análises em tempo real reduzem o [tempo médio de resolução](http
   A página <DoNotTranslate>**Inventory**</DoNotTranslate> concentra-se em toda a [entidade](/docs/new-relic-one/use-new-relic-one/core-concepts/what-entity-new-relic) de infraestrutura do seu patrimônio.
 </figcaption>
 
-Na página <DoNotTranslate>**Events**</DoNotTranslate> você pode acompanhar alterações de configuração, reinicializações, sessões SSH e outras alterações [importantes de eventos](/docs/infrastructure-events-page#types) . Um feed em tempo real fornece um registro de alterações de toda a sua infraestrutura. Nossa solução coleta e exibe seus dados [com segurança](/docs/infrastructure/new-relic-infrastructure/getting-started/infrastructure-security) em cinco segundos, para que seu monitoramento nunca fique atrás da realidade.
+Na página <DoNotTranslate>**Events**</DoNotTranslate> você pode acompanhar alterações de configuração, reinicializações, sessões SSH e outras alterações [importantes de eventos](/docs/infrastructure-events-page#types) . Um feed em tempo real fornece um registro de alterações de toda a sua infraestrutura.
 
 <img
   title="New Relic - Infrastructure monitoring - Events"
@@ -99,25 +77,13 @@ Na página <DoNotTranslate>**Events**</DoNotTranslate> você pode acompanhar alt
   A página <DoNotTranslate>**Events**</DoNotTranslate> contém um feed em tempo real de tudo o que está acontecendo em seus hosts.
 </figcaption>
 
-Com nossas ferramentas de monitoramento de infraestrutura você também pode:
+Independentemente de como você a utiliza, nossa solução coleta e exibe seus dados [com segurança](/docs/infrastructure/new-relic-infrastructure/getting-started/infrastructure-security) para que seu monitoramento nunca fique atrás da realidade.
 
-* [consulte seus dados](/docs/using-new-relic/data/understand-data/query-new-relic-data) para detalhar seu [evento de infraestrutura](/docs/default-infrastructure-events-attributes) e construir [um dashboard personalizado](/docs/dashboards/new-relic-one-dashboards/get-started/introduction-new-relic-one-dashboards) que você pode compartilhar com sua equipe.
-* Solucione problemas de desempenho, não importa onde o problema ocorra – no servidor ou no aplicativo – graças à [conexão de dados APM com monitoramento de infraestrutura](/docs/infrastructure/new-relic-infrastructure/data-instrumentation/new-relic-apm-data-infrastructure).
-* [Crie, visualize ou atualize configurações de alerta](/docs/add-edit-or-view-host-alert-information) diretamente no gráfico de infraestrutura relevante. Por exemplo, você pode criar um [host que não reporte](/docs/infrastructure/new-relic-infrastructure/configuration/create-infrastructure-host-not-reporting-condition) condição de alerta.
+## Instalar o agente de infraestrutura [#install-infra-agent]
 
-## Visualize o log da sua infraestrutura e dados do aplicativo [#logs-context]
+Para ter acesso ao monitoramento de infraestrutura, primeiro você precisa instalar um agente. É possível instalar o agente de infraestrutura em sistemas Linux, macOS e Windows. Dependendo das suas necessidades de observabilidade, você tem algumas opções diferentes para implantar o agente no seu sistema. Recomendamos revisar nosso [método de instalação do agente de infraestrutura](/docs/infrastructure/infrastructure-monitoring/get-started/choose-infra-install-method) para decidir a opção adequada ao seu caso de uso.
 
-Reúna seus dados de log e de infraestrutura para tornar a resolução de problemas mais fácil e rápida! Com o logs contextualizados, você pode ver o log dos dados da sua infraestrutura, como cluster do Kubernetes. Você pode adicionar quantos arquivos de configuração precisar; esses arquivos servirão como fontes que enviam seus metadados de log para nossa plataforma.
-
-Você também pode ver a mensagem do log relacionada aos seus erros e rastrear diretamente na interface do seu aplicativo ou host. Não há necessidade de mudar para outra página de interface no New Relic! Para obter mais informações, consulte nossa documentação [logs contextualizados do APM](/docs/apm/new-relic-apm/getting-started/get-started-logs-context) .
-
-Se o seu agente <InlinePopover type="apm"/>ainda não oferece suporte à nossa solução de logs contextualizados automático, você pode continuar a usar nossas soluções de logs contextualizados manual e [encaminhar seu log por meio do nosso agente de infraestrutura](/docs/logs/forward-logs/forward-your-logs-using-infrastructure-agent/) ou outro [direcionador de logs de terceiros compatível](/docs/logs/forward-logs/enable-log-management-new-relic).
-
-## Instalar o agente de infraestrutura [#install]
-
-Se você não quiser usar nossa [instalação guiada](#quick), a maneira mais simples de instalar o agente de infraestrutura é [com um gerenciador de pacote](/docs/infrastructure/install-configure-manage-infrastructure/linux-installation/install-infrastructure-linux-using-package-manager) (Linux) ou com o [instalador MSI](/docs/infrastructure/install-configure-manage-infrastructure/windows-installation/install-infrastructure-windows-server-using-msi-installer) (Windows).
-
-Se você ainda não tem uma conta New Relic, ou prefere seguir o passo a passo do procedimento, veja nossos tutoriais para instalar o agente para [Linux](/docs/infrastructure/install-configure-manage-infrastructure/linux-installation/install-infrastructure-linux-using-package-manager) \| [Windows](/docs/infrastructure/new-relic-infrastructure/installation/install-infrastructure-windows-server) \| [Elastic Beanstalk](/docs/infrastructure/new-relic-infrastructure/installation/install-infrastructure-agent-aws-elastic-beanstalk) \| [Ansible](/docs/infrastructure/new-relic-infrastructure/config-management-tools/configure-new-relic-infrastructure-using-ansible) \| [Chef](/docs/infrastructure/new-relic-infrastructure/config-management-tools/configure-new-relic-infrastructure-using-chef) \| [Puppet](/docs/infrastructure/new-relic-infrastructure/config-management-tools/configure-new-relic-infrastructure-puppet).
+A maioria de nossas soluções depende da instalação prévia do agente de infraestrutura para enviar dados em conjunto com ele.
 
 ## Nossa integração de serviços de infraestrutura [#aws]
 
@@ -128,20 +94,10 @@ A nossa integração de infra-estruturas dá-lhe acesso às métricas de muitos
 * Nossa [integração no host](/docs/infrastructure/host-integrations/host-integrations-list), como NGINX, Cassandra, MySQL e muitos mais: funcionam em conjunto com nosso agente de infraestrutura.
 * Faça sua própria integração com [o New Relic Flex](/docs/introduction-new-relics-flex-integration).
 
-<img
-  title="NR_Cluster_Explorer.png"
-  alt="Understand your Kubernetes nodes and pods, and how the relate to each other. "
-  src={infrastructurek8ClusterExplorer}
-/>
-
-<figcaption>
-  Nosso <DoNotTranslate>**[Kubernetes cluster explorer](/docs/integrations/kubernetes-integration/cluster-explorer/kubernetes-cluster-explorer)**</DoNotTranslate> oferece uma solução poderosa e inovadora para os desafios associados à execução do Kubernetes em grande escala.
-</figcaption>
+## Visualize o log da sua infraestrutura e dados do aplicativo [#logs-context]
 
-## Explore os dados da sua infraestrutura [#explore]
+Reúna seus dados de log e de infraestrutura para tornar a resolução de problemas mais fácil e rápida! Com o logs contextualizados, você pode ver o log dos dados da sua infraestrutura, como cluster do Kubernetes. Você pode adicionar quantos arquivos de configuração precisar; esses arquivos servirão como fontes que enviam seus metadados de log para nossa plataforma.
 
-Para saber mais sobre recurso na interface, consulte [Introdução à interface de infraestrutura](/docs/infrastructure/infrastructure-ui-pages/infra-ui-overview).
+Você também pode ver a mensagem do log relacionada aos seus erros e rastrear diretamente na interface do seu aplicativo ou host. Para obter mais informações, consulte nossa documentação de [logs contextualizados APM](/docs/apm/new-relic-apm/getting-started/get-started-logs-context).
 
-<Callout variant="tip">
-  Você usa o Datadog para monitor sua infraestrutura, mas está interessado em experimentar os recursos de monitoramento da New Relic gratuitamente? Consulte nosso [guia sobre como migrar do Datadog](/docs/journey-migration/migrating-from-dd/) para saber como.
-</Callout>
\ No newline at end of file
+Se o seu agente <InlinePopover type="apm"/>ainda não oferece suporte à nossa solução de logs contextualizados automático, você pode continuar a usar nossas soluções de logs contextualizados manual e [encaminhar seu log por meio do nosso agente de infraestrutura](/docs/logs/forward-logs/forward-your-logs-using-infrastructure-agent/) ou outro [direcionador de logs de terceiros compatível](/docs/logs/forward-logs/enable-log-management-new-relic).
\ No newline at end of file
diff --git a/src/i18n/content/pt/docs/infrastructure/install-infrastructure-agent/config-management-tools/configure-infrastructure-agent-using-ansible.mdx b/src/i18n/content/pt/docs/infrastructure/install-infrastructure-agent/config-management-tools/configure-infrastructure-agent-using-ansible.mdx
index 866698d10e3..30d7d7dbf63 100644
--- a/src/i18n/content/pt/docs/infrastructure/install-infrastructure-agent/config-management-tools/configure-infrastructure-agent-using-ansible.mdx
+++ b/src/i18n/content/pt/docs/infrastructure/install-infrastructure-agent/config-management-tools/configure-infrastructure-agent-using-ansible.mdx
@@ -4,7 +4,7 @@ tags:
   - Infrastructure
   - Install the infrastructure agent
   - Config management tools
-metaDescription: How to install and configure New Relic's infrastructure monitoring agent using the Ansible configuration management system.
+metaDescription: How to install and configure New Relic's infrastructure agent using the Ansible configuration management system.
 freshnessValidatedDate: never
 translationType: machine
 ---
@@ -19,13 +19,13 @@ Quer configurar o agente de infraestrutura usando Ansible? [Crie uma conta New R
 
 ## Código de amostra [#role-description]
 
-New Relic fornece código de amostra de gerenciamento de configuração para ajudá-lo a instalar nosso agente de monitoramento de infraestrutura usando fluxo de trabalho e ferramentas comuns a muitas equipes de operações. Esta é uma função básica do Ansible e deve ser usada como ponto de partida para a criação de seu próprio fluxo de trabalho personalizado.
+New Relic fornece código de amostra de gerenciamento de configuração para ajudá-lo a instalar nosso agente de infraestrutura usando fluxo de trabalho e ferramentas comuns a muitas equipes de operações. Esta é uma função básica do Ansible e deve ser usada como ponto de partida para a criação de seu próprio fluxo de trabalho personalizado.
 
 A configuração depende de sua configuração e padrões específicos. Para visualizar um exemplo de função do Ansible e mais informações de integração, consulte a [documentação do Ansible Galaxy](https://galaxy.ansible.com/newrelic/newrelic_install).
 
 ## Compatibilidade e requisitos [#role-compatibility]
 
-A função do Ansible com o agente de monitoramento de infraestrutura da New Relic requer um [sistema operacional compatível](/docs/infrastructure/new-relic-infrastructure/getting-started/compatibility-requirements-new-relic-infrastructure#operating-systems).
+A função do Ansible como agente de infraestrutura da New Relic requer um [sistema operacional compatível](/docs/infrastructure/new-relic-infrastructure/getting-started/compatibility-requirements-new-relic-infrastructure#operating-systems).
 
 Se precisar de ajuda com o Ansible para sistema operacional Windows, dê uma olhada em [Configurando um host Windows](https://docs.ansible.com/ansible/latest/os_guide/windows_setup.html), no site [de documentação do Ansible](https://docs.ansible.com/ansible/latest/) .
 
diff --git a/src/i18n/content/pt/docs/infrastructure/install-infrastructure-agent/get-started/requirements-infrastructure-agent.mdx b/src/i18n/content/pt/docs/infrastructure/install-infrastructure-agent/get-started/requirements-infrastructure-agent.mdx
index cce7a51c733..feab19d68ae 100644
--- a/src/i18n/content/pt/docs/infrastructure/install-infrastructure-agent/get-started/requirements-infrastructure-agent.mdx
+++ b/src/i18n/content/pt/docs/infrastructure/install-infrastructure-agent/get-started/requirements-infrastructure-agent.mdx
@@ -183,7 +183,7 @@ O agente de infra-estrutura suporta estes sistemas operacionais até ao fim da v
       </td>
 
       <td>
-        Versões [LTS](https://wiki.ubuntu.com/LTS) 16.04.x, 18.04.x, 20.04.x, 22.04.x Versões provisórias 20.10, 21.04.
+        Versões [LTS](https://wiki.ubuntu.com/LTS) 16.04.x, 18.04.x, 20.04.x, 22.04.x, 24.04.x Versões provisórias 20.10, 21.04.
       </td>
     </tr>
 
diff --git a/src/i18n/content/pt/docs/infrastructure/install-infrastructure-agent/linux-installation/container-infrastructure-monitoring.mdx b/src/i18n/content/pt/docs/infrastructure/install-infrastructure-agent/linux-installation/container-infrastructure-monitoring.mdx
index 45148417abc..0234d373de3 100644
--- a/src/i18n/content/pt/docs/infrastructure/install-infrastructure-agent/linux-installation/container-infrastructure-monitoring.mdx
+++ b/src/i18n/content/pt/docs/infrastructure/install-infrastructure-agent/linux-installation/container-infrastructure-monitoring.mdx
@@ -1,5 +1,5 @@
 ---
-title: Contêiner para monitoramento de infraestrutura
+title: Instale o agente como um contêiner
 tags:
   - Infrastructure
   - Install the infrastructure agent
@@ -9,11 +9,11 @@ freshnessValidatedDate: never
 translationType: machine
 ---
 
-O agente de monitoramento de infraestrutura para Linux [suporta ambientes de contêiner](/docs/infrastructure/install-infrastructure-agent/linux-installation/docker-instrumentation-infrastructure) por padrão. Se você estiver executando um SO de contêiner ou tiver restrições que exijam a implantação do agente como um contêiner, você poderá executar uma versão conteinerizada do nosso agente de monitoramento de infraestrutura. Isso pode monitor métricas do próprio contêiner, bem como do host subjacente.
+O agente de infraestrutura para Linux [suporta ambientes de contêiner](/docs/infrastructure/install-infrastructure-agent/linux-installation/docker-instrumentation-infrastructure) por padrão. Se você estiver executando um SO de contêiner ou tiver restrições que exijam a implantação do agente como um contêiner, você poderá executar uma versão conteinerizada do nosso agente de infraestrutura. Isso pode monitor métricas do próprio contêiner, bem como do host subjacente.
 
 Usar a [configuração personalizada (recomendada)](#custom-setup) ou [básica](#simple-setup) permite que o agente de infraestrutura seja executado dentro de um ambiente de contêiner. Um host só pode executar uma instância do agente por vez, seja o agente em contêiner ou a versão não em contêiner.
 
-Quer experimentar nosso agente de monitoramento de infraestrutura para Linux? Crie uma conta New Relic gratuitamente! Não é necessário cartão de crédito.
+Quer experimentar nosso agente de infraestrutura para Linux? Crie uma conta New Relic gratuitamente! Não é necessário cartão de crédito.
 
 <InlineSignup/>
 
diff --git a/src/i18n/content/pt/docs/infrastructure/install-infrastructure-agent/linux-installation/container-instrumentation-infrastructure-monitoring.mdx b/src/i18n/content/pt/docs/infrastructure/install-infrastructure-agent/linux-installation/container-instrumentation-infrastructure-monitoring.mdx
index e9e485abd3d..73ca7362e1e 100644
--- a/src/i18n/content/pt/docs/infrastructure/install-infrastructure-agent/linux-installation/container-instrumentation-infrastructure-monitoring.mdx
+++ b/src/i18n/content/pt/docs/infrastructure/install-infrastructure-agent/linux-installation/container-instrumentation-infrastructure-monitoring.mdx
@@ -1,10 +1,10 @@
 ---
-title: Pacote de instrumentação para monitoramento de infraestrutura
+title: Instrumente seu contêiner com o agente de infraestrutura
 tags:
   - Infrastructure
   - Install the infrastructure agent
   - Linux installation
-metaDescription: New Relic's infrastructure monitoring agent automatically instruments container runtimes to collect container metrics and metadata.
+metaDescription: New Relic's infrastructure agent automatically instruments container runtimes to collect container metrics and metadata.
 freshnessValidatedDate: never
 translationType: machine
 ---
@@ -31,9 +31,9 @@ Detalhes dos requisitos para monitoramento automático de monitoramento do agent
 
 ## Habilitar monitoramento de contêiner [#enable]
 
-Se você atender aos [requisitos](#requirements) e tiver instalado o agente de monitoramento de infraestrutura correto, não haverá etapas adicionais para ativar o monitoramento de contêiner. Se um tempo de execução de contêiner estiver em execução, os dados serão relatados automaticamente.
+Se você atender aos [requisitos](#requirements) e tiver instalado o agente de infraestrutura correto, não haverá etapas adicionais para ativar o monitoramento de contêiner. Se um tempo de execução de contêiner estiver em execução, os dados serão relatados automaticamente.
 
-Também é possível usar uma imagem de contêiner contendo o agente de monitoramento de infraestrutura. Para mais informações, consulte [contêiner para monitoramento de infraestrutura](/docs/infrastructure/install-infrastructure-agent/linux-installation/container-infrastructure-monitoring).
+Também é possível usar uma imagem de contêiner contendo o agente de infraestrutura. Para mais informações, consulte [contêiner para monitoramento de infraestrutura](/docs/infrastructure/install-infrastructure-agent/linux-installation/container-infrastructure-monitoring).
 
 <InstallFeedback/>
 
diff --git a/src/i18n/content/pt/docs/infrastructure/install-infrastructure-agent/linux-installation/install-configuration-management-tools.mdx b/src/i18n/content/pt/docs/infrastructure/install-infrastructure-agent/linux-installation/install-configuration-management-tools.mdx
index 215a4fa585a..613c884c735 100644
--- a/src/i18n/content/pt/docs/infrastructure/install-infrastructure-agent/linux-installation/install-configuration-management-tools.mdx
+++ b/src/i18n/content/pt/docs/infrastructure/install-infrastructure-agent/linux-installation/install-configuration-management-tools.mdx
@@ -20,13 +20,13 @@ import osEbs from 'images/os_icon_ebs.webp'
 
 import osPuppet from 'images/os_icon_puppet.webp'
 
-Você tem várias maneiras de começar a usar nosso [agente de monitoramento de infraestrutura](/docs/infrastructure/infrastructure-monitoring/get-started/get-started-infrastructure-monitoring/):
+Você tem várias maneiras de começar a usar nosso [agente de infraestrutura](/docs/infrastructure/infrastructure-monitoring/get-started/get-started-infrastructure-monitoring/):
 
 * Através de nossa [instalação guiada](/docs/new-relic-one/use-new-relic-one/cross-product-functions/install-configure/new-relic-guided-install-overview/).
 * Seguindo as instruções passo a passo para [instalar o agente manualmente](/docs/infrastructure/install-infrastructure-agent/linux-installation/install-infrastructure-monitoring-agent-linux#manual-install).
 * Usando ferramentas de gerenciamento de configuração.
 
-Para instalar o agente de monitoramento de infraestrutura com uma ferramenta de gerenciamento de configuração, clique no bloco abaixo:
+Para instalar o agente de infraestrutura com uma ferramenta de gerenciamento de configuração, clique no bloco abaixo:
 
 <TechTileGrid>
   <TechTile
@@ -70,9 +70,9 @@ Consulte [Extensões do Azure para monitoramento de infraestrutura](/docs/infras
 
 ## Instalar usando arquivos tarball [#custom-setups-tarball]
 
-Para <DoNotTranslate>**custom**</DoNotTranslate> cenários de configuração, você pode instalar o agente de monitoramento de infraestrutura usando [nossos arquivos tarball](https://download.newrelic.com/infrastructure_agent/binaries/linux/) nos modos [assistido](/docs/infrastructure/install-configure-manage-infrastructure/linux-installation/tarball-assisted-install-infrastructure-linux) ou [manual](/docs/infrastructure/install-configure-manage-infrastructure/linux-installation/tarball-manual-install-infrastructure-linux) .
+Para <DoNotTranslate>**custom**</DoNotTranslate> cenários de configuração, você pode instalar o agente de infraestrutura usando [nossos arquivos tarball](https://download.newrelic.com/infrastructure_agent/binaries/linux/) nos modos [assistido](/docs/infrastructure/install-configure-manage-infrastructure/linux-installation/tarball-assisted-install-infrastructure-linux) ou [manual](/docs/infrastructure/install-configure-manage-infrastructure/linux-installation/tarball-manual-install-infrastructure-linux) .
 
-Isso é especialmente útil quando você precisa adaptar as configurações de instalação padrão ao seu ambiente ou instalar o agente de monitoramento de infraestrutura em distribuições que não possuem o pacote `newrelic-infra` em seu repositório.
+Isto é especialmente útil quando você precisa adaptar as configurações de instalação padrão ao seu ambiente, ou instalar o agente de infraestrutura em distribuições que não possuem o pacote `newrelic-infra` em seu repositório.
 
 <Callout variant="important">
   Observe que a instalação customizada do agente de infraestrutura usando arquivos tarball não é oficialmente suportada.
diff --git a/src/i18n/content/pt/docs/infrastructure/install-infrastructure-agent/linux-installation/install-infrastructure-monitoring-agent-linux.mdx b/src/i18n/content/pt/docs/infrastructure/install-infrastructure-agent/linux-installation/install-infrastructure-monitoring-agent-linux.mdx
index 57be1a999ec..d4d33d86f76 100644
--- a/src/i18n/content/pt/docs/infrastructure/install-infrastructure-agent/linux-installation/install-infrastructure-monitoring-agent-linux.mdx
+++ b/src/i18n/content/pt/docs/infrastructure/install-infrastructure-agent/linux-installation/install-infrastructure-monitoring-agent-linux.mdx
@@ -1,5 +1,5 @@
 ---
-title: Instale o agente de monitoramento de infraestrutura para Linux
+title: Instale o agente de infraestrutura para Linux
 tags:
   - Infrastructure
   - Install the infrastructure agent
@@ -21,7 +21,7 @@ import osUbuntu from 'images/os_icon_ubuntu.webp'
 
 import osDebian from 'images/os_icon_debian.webp'
 
-A maneira mais rápida de começar a usar nosso [agente de monitoramento de infraestrutura](/docs/infrastructure/infrastructure-monitoring/get-started/get-started-infrastructure-monitoring/) é por meio de nossa [instalação guiada](/docs/new-relic-one/use-new-relic-one/cross-product-functions/install-configure/new-relic-guided-install-overview/). Se você estiver na UE, experimente nossa instalação guiada pela UE. De qualquer forma, se ainda não o fez, crie sua conta gratuita New Relic abaixo.
+A maneira mais rápida de começar a usar nosso [agente de infraestrutura](/docs/infrastructure/infrastructure-monitoring/get-started/get-started-infrastructure-monitoring/) é por meio da [instalação guiada](/docs/new-relic-one/use-new-relic-one/cross-product-functions/install-configure/new-relic-guided-install-overview/). Se você estiver na UE, experimente nossa instalação guiada pela UE. De qualquer forma, se ainda não o fez, crie sua conta New Relic gratuita abaixo.
 
 <InlineSignup/>
 
@@ -44,7 +44,7 @@ A maneira mais rápida de começar a usar nosso [agente de monitoramento de infr
 </ButtonGroup>
 
 <Callout variant="tip">
-  Você também pode começar a usar nosso [agente de monitoramento de infraestrutura](/docs/infrastructure/infrastructure-monitoring/get-started/get-started-infrastructure-monitoring/) usando [ferramentas de gerenciamento de configuração](/docs/infrastructure/install-infrastructure-agent/linux-installation/install-configuration-management-tools).
+  Você também pode começar a usar nosso [agente de infraestrutura](/docs/infrastructure/infrastructure-monitoring/get-started/get-started-infrastructure-monitoring/) usando [ferramentas de gerenciamento de configuração](/docs/infrastructure/install-infrastructure-agent/linux-installation/install-configuration-management-tools).
 </Callout>
 
 ## Instruções passo a passo [#manual-install]
@@ -149,7 +149,7 @@ Para instalar a infraestrutura no Linux, siga estas instruções:
      </Collapser>
    </CollapserGroup>
 
-4. Adicione o repositório do agente de monitoramento de infraestrutura:
+4. Adicione o repositório do agente de infraestrutura:
 
    <CollapserGroup>
      <Collapser
@@ -232,6 +232,14 @@ Para instalar a infraestrutura no Linux, siga estas instruções:
        ```bash
        echo "deb https://download.newrelic.com/infrastructure_agent/linux/apt/ jammy main" | sudo tee -a /etc/apt/sources.list.d/newrelic-infra.list
        ```
+
+       <DoNotTranslate>
+         **Ubuntu 24.04 (Noble Numbat)**
+       </DoNotTranslate>
+
+       ```bash
+       echo "deb https://download.newrelic.com/infrastructure_agent/linux/apt/ noble main" | sudo tee -a /etc/apt/sources.list.d/newrelic-infra.list
+       ```
      </Collapser>
 
      <Collapser
@@ -569,11 +577,11 @@ Para instalar a infraestrutura no Linux, siga estas instruções:
      </Collapser>
    </CollapserGroup>
 
-Depois que o agente de monitoramento de infraestrutura estiver instalado ou atualizado, será possível [iniciar, parar ou verificar o status do agente](/docs/infrastructure/new-relic-infrastructure/configuration/start-stop-restart-check-infrastructure-agent-status).
+Depois que o agente de infraestrutura estiver instalado ou atualizado, será possível [iniciar, parar ou verificar o status do agente](/docs/infrastructure/new-relic-infrastructure/configuration/start-stop-restart-check-infrastructure-agent-status).
 
 ## Atualizar o agente [#update]
 
-Siga os procedimentos padrão para [atualizar o agente de monitoramento de infraestrutura](/docs/update-infrastructure-agent).
+Siga os procedimentos padrão para [atualizar o agente de infraestrutura](/docs/update-infrastructure-agent).
 
 Se você estiver usando `sudo` para instalar ou atualizar o agente, use o argumento `-E` para permitir ignorar as variáveis de ambiente ou especifique a variável de ambiente [`NRIA_MODE`](/docs/infrastructure/install-infrastructure-agent/linux-installation/linux-agent-running-modes/#set-mode) logo após `sudo`.
 
diff --git a/src/i18n/content/pt/docs/infrastructure/install-infrastructure-agent/macos-installation/install-infrastructure-monitoring-agent-macos.mdx b/src/i18n/content/pt/docs/infrastructure/install-infrastructure-agent/macos-installation/install-infrastructure-monitoring-agent-macos.mdx
index 4da8640e630..e8bf069dec3 100644
--- a/src/i18n/content/pt/docs/infrastructure/install-infrastructure-agent/macos-installation/install-infrastructure-monitoring-agent-macos.mdx
+++ b/src/i18n/content/pt/docs/infrastructure/install-infrastructure-agent/macos-installation/install-infrastructure-monitoring-agent-macos.mdx
@@ -1,21 +1,21 @@
 ---
-title: Instale o agente de monitoramento de infraestrutura para macOS
+title: Instale o agente de infraestrutura para macOS
 tags:
   - Infrastructure
   - Install the infrastructure agent
   - macOS installation
-metaDescription: Install New Relic infrastructure monitoring agent for macOS using Homebrew.
+metaDescription: Install New Relic infrastructure agent for macOS using Homebrew.
 freshnessValidatedDate: never
 translationType: machine
 ---
 
-Com o agente de monitoramento de infraestrutura para macOS da New Relic, você pode monitor as principais métricas de desempenho em hosts macOS. O agente pode ser executado em seu próprio hardware ou em sistemas em nuvem, como o Amazon EC2.
+Com o agente de infraestrutura para macOS da New Relic, você pode monitor as principais métricas de desempenho em hosts macOS. O agente pode ser executado em seu próprio hardware ou em sistemas em nuvem, como o Amazon EC2.
 
-Nosso agente de monitoramento de infraestrutura [é compatível](/docs/infrastructure/install-infrastructure-agent/get-started/requirements-infrastructure-agent) com todas as versões do macOS com suporte da Apple disponíveis ao público em geral.
+Nosso agente de infraestrutura [é compatível](/docs/infrastructure/install-infrastructure-agent/get-started/requirements-infrastructure-agent) com todas as versões do macOS com suporte da Apple e disponíveis em geral.
 
 ## Instalar para macOS [#install-macos]
 
-Antes da instalação, você deve revisar os [requisitos](/docs/infrastructure/new-relic-infrastructure/getting-started/compatibility-requirements-new-relic-infrastructure). Então, para instalar o agente de monitoramento de infraestrutura para macOS, você pode usar nossa [instalação guiada](/docs/full-stack-observability/observe-everything/get-started/new-relic-guided-install-overview/) ou seguir as instruções deste documento para concluir uma instalação básica.
+Antes da instalação, você deve revisar os [requisitos](/docs/infrastructure/new-relic-infrastructure/getting-started/compatibility-requirements-new-relic-infrastructure). Então, para instalar o agente de infraestrutura para macOS, você pode usar nossa [instalação guiada](/docs/full-stack-observability/observe-everything/get-started/new-relic-guided-install-overview/) ou seguir as instruções deste documento para concluir uma instalação básica.
 
 ## Limitações [#limitations]
 
@@ -27,7 +27,7 @@ Os seguintes recursos do agente de infraestrutura ainda não estão disponíveis
 
 ## Instruções passo a passo [#instructions]
 
-Para instalar o agente de monitoramento de infraestrutura, siga as instruções passo a passo:
+Para instalar o agente de infraestrutura, siga as instruções passo a passo:
 
 1. Revise os [requisitos do agente e do sistema operacional suportado](/docs/infrastructure/new-relic-infrastructure/getting-started/compatibility-requirements-new-relic-infrastructure).
 
@@ -85,4 +85,4 @@ A única [opção de configuração](/docs/infrastructure/install-configure-infr
 
 ## Atualizar o agente [#update]
 
-Para atualizar para a versão mais recente, siga os procedimentos padrão para [atualizar o agente de monitoramento de infraestrutura](/docs/infrastructure/new-relic-infrastructure/installation/update-infrastructure-agent).
\ No newline at end of file
+Para atualizar para a versão mais recente, siga os procedimentos padrão para [atualizar o agente de infraestrutura](/docs/infrastructure/new-relic-infrastructure/installation/update-infrastructure-agent).
\ No newline at end of file
diff --git a/src/i18n/content/pt/docs/infrastructure/install-infrastructure-agent/windows-installation/install-infrastructure-monitoring-agent-windows.mdx b/src/i18n/content/pt/docs/infrastructure/install-infrastructure-agent/windows-installation/install-infrastructure-monitoring-agent-windows.mdx
index 71c637d5570..04fbe2847f4 100644
--- a/src/i18n/content/pt/docs/infrastructure/install-infrastructure-agent/windows-installation/install-infrastructure-monitoring-agent-windows.mdx
+++ b/src/i18n/content/pt/docs/infrastructure/install-infrastructure-agent/windows-installation/install-infrastructure-monitoring-agent-windows.mdx
@@ -1,15 +1,15 @@
 ---
-title: Instale o agente de monitoramento de infraestrutura para Windows
+title: Instale o agente de infraestrutura para Windows
 tags:
   - Infrastructure
   - Install the infrastructure agent
   - Windows installation
-metaDescription: 'Install the New Relic infrastructure monitoring agent for Windows with a simple headless MSI, and do basic configuration.'
+metaDescription: 'Install the New Relic infrastructure agent for Windows with a simple headless MSI, and do basic configuration.'
 freshnessValidatedDate: never
 translationType: machine
 ---
 
-Com o agente de monitoramento de infraestrutura para Windows da New Relic, você pode monitor servidores individuais e também analisar o desempenho do seu serviço como um todo. O agente Windows pode ser executado em seu próprio hardware ou em sistemas em nuvem, como Amazon EC2 ou Windows Azure, e [oferece suporte](/docs/infrastructure/install-infrastructure-agent/get-started/requirements-infrastructure-agent) ao Windows Server e ao Windows 10 e 11. Você também pode [instalar com Chef](/docs/infrastructure/new-relic-infrastructure/config-management-tools/configure-new-relic-infrastructure-using-chef). Antes da instalação, certifique-se de revisar os [requisitos](/docs/infrastructure/new-relic-infrastructure/getting-started/compatibility-requirements-new-relic-infrastructurets).
+Com o agente de infraestrutura para Windows da New Relic, você pode monitor servidores individuais e também analisar o desempenho do seu serviço como um todo. O agente Windows pode ser executado em seu hardware ou em sistemas em nuvem, como Amazon EC2 ou Windows Azure, e [oferece suporte](/docs/infrastructure/install-infrastructure-agent/get-started/requirements-infrastructure-agent) ao Windows Server e ao Windows 10 e 11. Você também pode [instalar com Chef](/docs/infrastructure/new-relic-infrastructure/config-management-tools/configure-new-relic-infrastructure-using-chef). Antes da instalação, certifique-se de revisar os [requisitos](/docs/infrastructure/new-relic-infrastructure/getting-started/compatibility-requirements-new-relic-infrastructurets).
 
 ## Instale para Windows usando nossa instalação guiada [#install-windows]
 
@@ -101,10 +101,10 @@ Aguarde alguns minutos e [visualize seu servidor na interface de infraestrutura]
 
 ## Instalar usando arquivos zip [#install-zip]
 
-Para cenários de configuração personalizados, você pode instalar o agente de monitoramento de infraestrutura usando [nossos arquivos zip](https://download.newrelic.com/infrastructure_agent/binaries/windows/) nos modos [assistido](/docs/infrastructure/install-configure-infrastructure/windows-installation/assisted-install-infrastructure-windows) ou [manual](/docs/infrastructure/install-configure-infrastructure/windows-installation/manual-install-infrastructure-windows) . Isto é especialmente útil quando você precisa adaptar as configurações de instalação padrão ao seu ambiente.
+Para cenários de configuração personalizados, você pode instalar o agente de infraestrutura usando [nossos arquivos zip](https://download.newrelic.com/infrastructure_agent/binaries/windows/) nos modos [assistido](/docs/infrastructure/install-configure-infrastructure/windows-installation/assisted-install-infrastructure-windows) ou [manual](/docs/infrastructure/install-configure-infrastructure/windows-installation/manual-install-infrastructure-windows) . Isto é especialmente útil quando você precisa adaptar as configurações de instalação padrão ao seu ambiente.
 
 <Callout variant="caution">
-  Não há suporte para a instalação do agente de monitoramento de infraestrutura usando arquivos zip.
+  Não há suporte para a instalação do agente de infraestrutura usando arquivos zip.
 </Callout>
 
 <InstallFeedback/>
@@ -121,4 +121,4 @@ A única [opção de configuração](/docs/infrastructure/install-configure-infr
 
 ## Atualizar o agente [#update]
 
-Para atualizar para a versão mais recente, siga os procedimentos padrão para [atualizar o agente de monitoramento de infraestrutura](/docs/infrastructure/new-relic-infrastructure/installation/update-infrastructure-agent).
\ No newline at end of file
+Para atualizar para a versão mais recente, siga os procedimentos padrão para [atualizar o agente de infraestrutura](/docs/infrastructure/new-relic-infrastructure/installation/update-infrastructure-agent).
\ No newline at end of file
diff --git a/src/i18n/content/pt/docs/infrastructure/manage-your-data/data-instrumentation/default-infrastructure-monitoring-data.mdx b/src/i18n/content/pt/docs/infrastructure/manage-your-data/data-instrumentation/default-infrastructure-monitoring-data.mdx
index 7bd4a2d8e53..ed85a704873 100644
--- a/src/i18n/content/pt/docs/infrastructure/manage-your-data/data-instrumentation/default-infrastructure-monitoring-data.mdx
+++ b/src/i18n/content/pt/docs/infrastructure/manage-your-data/data-instrumentation/default-infrastructure-monitoring-data.mdx
@@ -9,7 +9,7 @@ freshnessValidatedDate: never
 translationType: machine
 ---
 
-O agente de monitoramento de infraestrutura New Relic coleta e exibe dados usando seis [eventos](/docs/using-new-relic/data/understand-data/new-relic-data-types#event-data) primários, cada um com [atributos](/docs/accounts-partnerships/education/getting-started-new-relic/glossary#attribute) associados que representam métricas e metadados variados.
+O agente de infraestrutura da New Relic coleta e exibe dados usando seis [eventos](/docs/using-new-relic/data/understand-data/new-relic-data-types#event-data) primários, cada um com [atributos](/docs/accounts-partnerships/education/getting-started-new-relic/glossary#attribute) associados que representam métricas e metadados variados.
 
 Compreender os dados de infraestrutura pode ajudá-lo a:
 
diff --git a/src/i18n/content/pt/docs/logs/forward-logs/enable-log-management-new-relic.mdx b/src/i18n/content/pt/docs/logs/forward-logs/enable-log-management-new-relic.mdx
index fb864d63c39..1734caaf64a 100644
--- a/src/i18n/content/pt/docs/logs/forward-logs/enable-log-management-new-relic.mdx
+++ b/src/i18n/content/pt/docs/logs/forward-logs/enable-log-management-new-relic.mdx
@@ -49,7 +49,7 @@ Aqui estão alguns detalhes sobre como realizar casos de uso específicos:
       </td>
 
       <td>
-        Utilize nossas soluções para [encaminhar log do sistema operacional](#forward-infra), incluindo nosso agente de monitoramento de infraestrutura, Fluent Bit, Fluentd, Logstash e syslog/TCP. Use nossa [instalação guiada para monitoramento de infraestrutura](/docs/logs/forward-logs/forward-your-logs-using-infrastructure-agent) como um coletor de dados leve para o log de seus aplicativos e hosts.
+        Utilize nossas soluções para [encaminhar log do sistema operacional](#forward-infra), incluindo nosso agente de infraestrutura, Fluent Bit, Fluentd, Logstash e syslog/TCP. Utilize nossa [instalação guiada para monitoramento de infraestrutura](/docs/logs/forward-logs/forward-your-logs-using-infrastructure-agent) como um coletor de dados leve para log de seus aplicativos e hosts.
       </td>
     </tr>
 
@@ -93,7 +93,7 @@ Aqui estão alguns detalhes sobre como realizar casos de uso específicos:
       </td>
 
       <td>
-        Use nosso agente <InlinePopover type="apm"/>e agente de monitoramento de infraestrutura. Deixe o agente APM do seu aplicativo encaminhar dados log diretamente para o New Relic com [logs contextualizados APM](/docs/apm/new-relic-apm/getting-started/get-started-logs-context). Não há necessidade de instalar ou manter software adicional de terceiros!
+        Use nosso agente <InlinePopover type="apm"/>e agente de infraestrutura. Deixe o agente APM do seu aplicativo encaminhar os dados log diretamente para o New Relic com [o logAPM no contexto](/docs/apm/new-relic-apm/getting-started/get-started-logs-context). Não há necessidade de instalar ou manter software adicional de terceiros!
       </td>
     </tr>
 
@@ -220,7 +220,7 @@ O diagrama a seguir mostra o ciclo de vida de uma mensagem do log para um aplica
 
 Os formatadores de log padrão transformam o evento de log em uma saída significativa (como arquivos de texto) que pode ser usada por pessoas e processos posteriores. O `NewRelicFormatter` transforma o evento de log no formato JSON esperado pela New Relic. Esses arquivos contêm informações de log e metadados estendidos.
 
-Ao configurar seu encaminhador de logs (nosso agente de monitoramento de infraestrutura, Fluentd, Logstash, etc.), você também pode estender e enriquecer seus dados de log. Ao configurar [logs contextualizados](/docs/logs/enable-log-management-new-relic/configure-logs-context/configure-logs-context-apm-agents/), o enriquecedor log vincula os dados log formatados com informações adicionais de transação do seu aplicativo ou host.
+Ao configurar seu encaminhador de logs (nosso agente de infraestrutura, Fluentd, Logstash, etc.), você também pode estender e enriquecer seus dados log . Ao configurar [o log in context](/docs/logs/enable-log-management-new-relic/configure-logs-context/configure-logs-context-apm-agents/), o enriquecedor log vincula os dados log formatados com informações adicionais de transação do seu aplicativo ou host.
 
 Agora seu arquivo de log é enriquecido com metadados aprimorados e registro de logs em contexto de dados. Seu encaminhador de logs envia os arquivos para nosso endpoint de registro para processamento. A partir daí você pode usar nossos recursos de gerenciamento de logs para visualizar, consultar, configurar alertas e muito mais no New Relic.
 
@@ -230,6 +230,6 @@ Depois de habilitar seu roteador de logs, aproveite ao máximo seus dados no New
 
 * Explore os dados de registro em sua plataforma com nossa [interface de registro](/docs/logs/ui-data/use-logs-ui).
 * Veja seu logs contextualizados do desempenho do seu aplicativo na [interface do APM](/docs/logs/ui-data/use-logs-ui/#links). Solucione [erros](/docs/apm/apm-ui-pages/error-analytics/errors-page-find-fix-verify-problems/) com [distributed tracing](/docs/apm/distributed-tracing/ui-data/understand-use-distributed-tracing-data), rastreamento de pilha, registro de aplicativo e muito mais.
-* Obtenha visibilidade mais profunda dos dados de desempenho do seu aplicativo e da plataforma se estiver encaminhando seu log com nosso [agente de monitoramento de infraestrutura](/docs/logs/forward-logs/forward-your-logs-using-infrastructure-agent/). Revise o [log de infraestrutura](/docs/logs/ui-data/use-logs-ui/#links) na interface.
+* Obtenha visibilidade mais profunda do seu aplicativo e dos dados de desempenho da plataforma se estiver encaminhando seu log com nosso [agente de infraestrutura](/docs/logs/forward-logs/forward-your-logs-using-infrastructure-agent/). Revise seu [log de infraestrutura](/docs/logs/ui-data/use-logs-ui/#links) na interface.
 * Configure [o alerta](/docs/alerts-applied-intelligence/new-relic-alerts/alert-conditions/create-alert-conditions/).
 * [consulte seus dados](/docs/query-your-data/explore-query-data/get-started/introduction-querying-new-relic-data/) e [crie dashboard](/docs/query-your-data/explore-query-data/dashboards/introduction-dashboards/). Por exemplo, consulte nossos tutoriais do NerdGraph para consultar e gerenciar suas [regras de partição de dados](/docs/apis/nerdgraph/examples/nerdgraph-data-partition-rules-tutorial) e suas [regras de análise de log](/docs/apis/nerdgraph/examples/nerdgraph-log-parsing-rules-tutorial).
\ No newline at end of file
diff --git a/src/i18n/content/pt/docs/logs/get-started/live-archives-billing.mdx b/src/i18n/content/pt/docs/logs/get-started/live-archives-billing.mdx
index 8f51659bcc0..af554190f62 100644
--- a/src/i18n/content/pt/docs/logs/get-started/live-archives-billing.mdx
+++ b/src/i18n/content/pt/docs/logs/get-started/live-archives-billing.mdx
@@ -64,6 +64,15 @@ Para efeitos deste exemplo, no mês 9 teríamos:
 
 Somando todas as medições de dias, cada uma com 1 GB por mês, dá um total de 30 GB por mês até 1º de outubro. Portanto, este cliente utilizou 30 GB meses de armazenamento no mês de setembro.
 
+## Quando você verá seus dados?
+
+Os dados do Live Archives ficarão acessíveis somente depois que as seguintes condições forem atendidas:
+
+* **Activación de la característica Live Archives**: você ativou explicitamente o recurso Live Archives em sua conta New Relic .
+* **Período de retenção de logging atingido**: a duração especificada pelo período de retenção do Live Archives da sua conta decorreu desde que os dados foram inicialmente registrados.
+
+Por exemplo, se você ativar o recurso Live Archives em 1º de janeiro e definir a retenção do Live Archives para 30 dias, os dados do Live Archives ficarão disponíveis a partir de 1º de fevereiro. Se a retenção de logging estiver definida para 60, 90 ou 120 dias, você precisará aguardar até que o respectivo período de retenção tenha passado para usar esse recurso.
+
 ## Outros detalhes de cálculo [#other-calc-details]
 
 Aqui estão alguns aspectos adicionais do nosso cálculo:
diff --git a/src/i18n/content/pt/docs/logs/get-started/live-archives.mdx b/src/i18n/content/pt/docs/logs/get-started/live-archives.mdx
index d0f4f9ef411..4610c850b59 100644
--- a/src/i18n/content/pt/docs/logs/get-started/live-archives.mdx
+++ b/src/i18n/content/pt/docs/logs/get-started/live-archives.mdx
@@ -23,19 +23,19 @@ import logsEditDataPartitionUsingLiveArchives from 'images/logs_screenshot-crop_
 
 Live Archives permite armazenar log pelo tempo que você precisar. O New Relic tem uma retenção de log de trinta dias por padrão, mas com Live Archives, você pode estender esse período por até sete anos. Assim como os documentos fiscais antigos, às vezes você não precisa dos seus dados à mão, mas é seguro manter as informações disponíveis para referência, se necessário.
 
-O Live Archives é para você? Aqui estão alguns exemplos de casos de uso:
+Live Archives é para você? Aqui estão alguns casos de uso em que você pode se beneficiar desse recurso:
 
 * <DoNotTranslate>**Internal retention requirements**</DoNotTranslate>
 
-  : Possui um período de retenção interno onde gostaria de manter registros e poder consultá-los somente quando necessário? Live Archives pode ajudar com armazenamento estendido e capacidade de consulta.
+  : Sua empresa possui uma política que exige que você mantenha logs por um determinado período? Os longos períodos de armazenamento do Live Archives podem ajudá-lo a atender às suas necessidades.
 
 * <DoNotTranslate>**Trends and long-term debugging**</DoNotTranslate>
 
-  : o armazenamento log de longo prazo pode ajudar a melhorar o desempenho ano após ano. Por exemplo, se você gerencia uma empresa de varejo, comparar o registro de um período de festas de fim de ano com o seguinte pode melhorar o desempenho.
+  : O armazenamento log de longo prazo pode ajudar a melhorar o desempenho ano após ano. Por exemplo, se você gerencia uma empresa de varejo, pode comparar os logs de um período de festas de fim de ano para o próximo para ver como pode melhorar o desempenho.
 
 ## Como funcionam Live Archives [#how-it-works]
 
-O recurso Live Archives oferece armazenamento de dados de log de longo prazo que você pretende consultar com moderação por um custo de armazenamento mais baixo. Com Live Archives, você pode ficar tranquilo sabendo que seu log estará disponível por um período mais longo para possíveis auditorias ou depuração de longo prazo, mas você só será cobrado pela consulta quando _consultar dados antigos_.
+O recurso Live Archives oferece armazenamento de dados log de longo prazo que você pretende consultar com moderação por um menor custo de armazenamento. Com Live Archives, você pode ficar tranquilo sabendo que seus logs estarão disponíveis por um período mais longo para possíveis auditorias ou depuração de longo prazo, mas você será cobrado separadamente pelo armazenamento e consulta de seus dados antigos.
 
 ## Iniciar
 
@@ -62,7 +62,9 @@ O recurso Live Archives oferece armazenamento de dados de log de longo prazo que
        <DoNotTranslate>**Request**</DoNotTranslate>
 
        . Um membro da nossa equipe entrará em contato com você.
+  </Step>
 
+  <Step>
     Depois de ativar Live Archives, você precisa editar sua retenção de dados.
 
     1. Na página da interface
@@ -94,10 +96,6 @@ O recurso Live Archives oferece armazenamento de dados de log de longo prazo que
       alt="A screenshot showing users how to edit their data retention."
       src={logsEditDataRetentionLiveArchives}
     />
-
-    <figcaption>
-      Vá para <DoNotTranslate>**one.newrelic.com > [Data management hub](https://one.newrelic.com/data-management-hub) > Data retention > Select logging live archives > Edit data retention**</DoNotTranslate>: selecione a duração do arquivo para armazenar seu registro pelo tempo que for necessário.
-    </figcaption>
   </Step>
 
   <Step>
@@ -105,47 +103,27 @@ O recurso Live Archives oferece armazenamento de dados de log de longo prazo que
 
     Uma partição é uma forma de agrupar logs com base em critérios específicos. A criação de partições pode ajudá-lo a filtrar os registros desnecessários e manter os que você usa com Live Archives.
 
-    1. Vá para
-
-       <DoNotTranslate>**[one.newrelic.com > All capabilities](https://one.newrelic.com/all-capabilities) > Logs**</DoNotTranslate>
-
-       .
-
-    2. À esquerda da barra de consulta de registro, clique em
-
-       <DoNotTranslate>**Data partitions**</DoNotTranslate>
+    1. Vá para <DoNotTranslate>**[one.newrelic.com > All capabilities](https://one.newrelic.com/all-capabilities) > Logs**</DoNotTranslate>.
 
-       e em
-
-       <DoNotTranslate>**Create data partition**</DoNotTranslate>
-
-       .
+    2. À esquerda da barra de consulta de registro, clique em <DoNotTranslate>**Data partitions**</DoNotTranslate> e em <DoNotTranslate>**Create data partition**</DoNotTranslate>.
 
     3. Defina um nome de partição como uma sequência alfanumérica que começa com log.
 
-    4. Selecione o campo
-
-       <DoNotTranslate>**Use live archives on this partition**</DoNotTranslate>
-
-       .
-
-    5. Os
+    4. Selecione o campo <DoNotTranslate>**Use live archives on this partition**</DoNotTranslate>.
 
-       <DoNotTranslate>**Total effective retention**</DoNotTranslate>
+       <img
+         title="create a live archives partition"
+         alt="A screenshot showing a user how to create a partition using live archives"
+         src={logsCreateaPartitionUsingLiveArchives}
+       />
 
-       dias serão atualizados para refletir a retenção regular _e_ a [retenção Live Archives ](/docs/logs/get-started/live-archives-billing/#what-counts).
+       <figcaption>
+         Vá para <DoNotTranslate>**[one.newrelic.com > All capabilities](https://one.newrelic.com/all-capabilities) > Logs > Data partitions**</DoNotTranslate> para criar uma partição usando Live Archives.
+       </figcaption>
 
-    <img
-      title="create a live archives partition"
-      alt="A screenshot showing a user how to create a partition using live archives"
-      src={logsCreateaPartitionUsingLiveArchives}
-    />
+    5. Os <DoNotTranslate>**Total effective retention**</DoNotTranslate> dias serão atualizados para refletir a retenção regular _e_ a [retenção Live Archives ](/docs/logs/get-started/live-archives-billing/#what-counts).
 
-    <figcaption>
-      Vá para <DoNotTranslate>**[one.newrelic.com > All capabilities](https://one.newrelic.com/all-capabilities) > Logs > Data partitions**</DoNotTranslate> para criar uma partição usando Live Archives.
-    </figcaption>
-
-    Você também pode editar uma partição existente clicando no botão <Icon name="fe-more-horizontal"/> ícone na página <DoNotTranslate>**Data partitions**</DoNotTranslate> .
+    Você também pode editar uma partição existente clicando no botão <Icon name="fe-more-horizontal"/> ícone na página <DoNotTranslate>**Data partitions**</DoNotTranslate> . Se você usar uma partição existente, o mesmo parâmetro selecionado para a partição original será aplicado aos dados do Live Archives.
 
     <img
       width="60%;"
@@ -153,12 +131,18 @@ O recurso Live Archives oferece armazenamento de dados de log de longo prazo que
       alt="A screenshot showing a user how to edit a partition using live archives"
       src={logsEditDataPartitionUsingLiveArchives}
     />
+
+    Para obter mais informações sobre como usar partições, consulte nosso documento [Organizar dados com partições](/docs/logs/ui-data/data-partitions/).
   </Step>
 
   <Step>
-    ### consulte Live Archives com sintaxe de log [#query]
+    ## Consulte seu log
+
+    Existem algumas maneiras de consultar Live Archives: Lucene, NRQL ou NRQL na API NerdGraph. Para todos os três métodos, você precisará do recurso **Live archives query** para consultar Live Archives.
+
+    ### Consulta Live Archives com sintaxe de consulta Lucene [#query]
 
-    Existem duas maneiras de consultar Live Archives: com Lucene ou NRQL. Se você quiser usar a sintaxe de registro com a qual está familiarizado fora do New Relic, sugerimos consultar na interface <DoNotTranslate>**Logs**</DoNotTranslate> . Você precisará do recurso **Live archives query** para consultar Live Archives.
+    Se você estiver familiarizado com a sintaxe de consulta do Lucene, poderá executá-la em nossa interface de usuário <DoNotTranslate>**Logs**</DoNotTranslate> .
 
     1. Vá para
 
@@ -185,12 +169,10 @@ O recurso Live Archives oferece armazenamento de dados de log de longo prazo que
     <figcaption>
       Vá para <DoNotTranslate>**[one.newrelic.com > All capabilities](https://one.newrelic.com/all-capabilities) > Logs**</DoNotTranslate> para consultar dados armazenados com Live Archives.
     </figcaption>
-  </Step>
 
-  <Step>
     ### Consulte Live Archives com NRQL [#nrql]
 
-    Caso queira consultar usando a mesma linguagem que utiliza para Errors Inbox ou alertas, sugerimos consultar em NRQL. Você precisará do recurso **Live archives query** para consultar Live Archives.
+    Caso queira consultar usando a mesma linguagem que utiliza para Errors Inbox ou alertas, sugerimos consultar em NRQL.
 
     1. Vá para
 
@@ -198,17 +180,19 @@ O recurso Live Archives oferece armazenamento de dados de log de longo prazo que
 
        .
 
-    2. Insira a consulta NRQL que você deseja executar.
+    2. Clique em **NRQL** no canto superior direito.
+
+    3. Insira a consulta NRQL que você deseja executar.
 
-    3. Pratique a consulta primeiro para ter certeza de que funciona conforme o esperado.
+    4. Pratique a consulta primeiro para ter certeza de que funciona conforme o esperado.
 
-    4. Alterne
+    5. Alterne
 
        <DoNotTranslate>**Use live archives**</DoNotTranslate>
 
        .
 
-    5. Uma tela mostrará que você está prestes a consultar Live Archives. Consultar Live Archives é mais caro, então selecione
+    6. Uma tela mostrará que você está prestes a consultar Live Archives. Consultar Live Archives é mais caro, então selecione
 
        <DoNotTranslate>**Query live archives**</DoNotTranslate>
 
@@ -223,12 +207,10 @@ O recurso Live Archives oferece armazenamento de dados de log de longo prazo que
     <figcaption>
       Vá para <DoNotTranslate>**[one.newrelic.com > All capabilities](https://one.newrelic.com/all-capabilities) > Logs**</DoNotTranslate> e selecione <DoNotTranslate>**NRQL**</DoNotTranslate> para consultar dados armazenados com Live Archives usando o criador de consulta.
     </figcaption>
-  </Step>
 
-  <Step>
-    ### Consulte Live Archives usando Nerdgraph API [#api]
+    ### Consulte Live Archives usando NerdGraph API [#api]
 
-    Você também pode consultar os dados do seu Live Archives usando a API Nerdgraph. Você precisará do recurso **Live archives query** para consultar Live Archives. Você deve incluir `{eventNamespaces: "Logging:Archive"}` nas opções de NRQL para especificar os Live Archives `eventNamespace`.
+    Você também pode consultar seus dados Live Archives usando NRQL na API NerdGraph. Você deve incluir `{eventNamespaces: "Logging:Archive"}` nas opções NRQL para especificar os Live Archives `eventNamespace`.
 
     Aqui está um exemplo de consulta:
 
@@ -338,25 +320,17 @@ Digamos que você precise verificar se um usuário efetua login em uma máquina
 
 1. Verifique o período de tempo em que o usuário faz login em sua máquina.
 
-2. Teste sua consulta em
+2. Teste sua consulta em <DoNotTranslate>**Logs**</DoNotTranslate> para garantir que ela esteja funcionando conforme o esperado. Este é um teste e não retornará nenhum dado, mas você está apenas validando a consulta. Se funcionar, você poderá executar a consulta mais cara em seu log arquivado.
 
-   <DoNotTranslate>**Logs**</DoNotTranslate>
+   Exemplo de consulta:
 
-   para garantir que ela esteja funcionando conforme o esperado.
-
-Exemplo de consulta:
-
-```
-"logtype":"linux_audit" "type":"USER_LOGIN" "hostname":"apache_svr01"
-```
+   ```
+   "logtype":"linux_audit" "type":"USER_LOGIN" "hostname":"apache_svr01"
+   ```
 
 3. Altere o seletor de horário para pesquisar as datas em que o usuário fez login em sua máquina.
 
-4. Selecione
-
-   <DoNotTranslate>**Query live archives**</DoNotTranslate>
-
-   .
+4. Selecione <DoNotTranslate>**Query live archives**</DoNotTranslate>.
 
 ## Exclusão de dados [#delete]
 
diff --git a/src/i18n/content/pt/docs/logs/logs-context/configure-logs-context-go.mdx b/src/i18n/content/pt/docs/logs/logs-context/configure-logs-context-go.mdx
index e7c612b768b..9c1b1dc9659 100644
--- a/src/i18n/content/pt/docs/logs/logs-context/configure-logs-context-go.mdx
+++ b/src/i18n/content/pt/docs/logs/logs-context/configure-logs-context-go.mdx
@@ -369,6 +369,6 @@ Depois de configurar o <InlinePopover type="apm"/>logs contextualizados, aprovei
 
 * Explore os dados de registro em sua plataforma com nossa [interface de registro](/docs/logs/log-management/ui-data/use-logs-ui/).
 * Veja seu logs contextualizados do desempenho do seu aplicativo na [interfaceAPM ](/docs/logs/log-management/ui-data/use-logs-ui/#links). Solucione [erros](/docs/apm/apm-ui-pages/error-analytics/errors-page-find-fix-verify-problems/) com [distributed tracing](/docs/apm/distributed-tracing/ui-data/understand-use-distributed-tracing-data), rastreamento de pilha, registro de aplicativo e muito mais.
-* Obtenha maior visibilidade do seu aplicativo e dos dados de desempenho da sua plataforma encaminhando seu log com nosso [agente de monitoramento de infraestrutura](/docs/logs/enable-log-management-new-relic/enable-log-monitoring-new-relic/forward-your-logs-using-infrastructure-agent/). Revise seu [log de infraestrutura](/docs/logs/log-management/ui-data/use-logs-ui/#links) na interface.
+* Obtenha visibilidade mais profunda do seu aplicativo e dos dados de desempenho da plataforma encaminhando seu log com nosso [agente de infraestrutura](/docs/logs/enable-log-management-new-relic/enable-log-monitoring-new-relic/forward-your-logs-using-infrastructure-agent/). Revise seu [log de infraestrutura](/docs/logs/log-management/ui-data/use-logs-ui/#links) na interface.
 * Configure [o alerta](/docs/alerts-applied-intelligence/new-relic-alerts/alert-conditions/create-alert-conditions/).
 * [consulte seus dados](/docs/query-your-data/explore-query-data/get-started/introduction-querying-new-relic-data/) e [crie dashboard](/docs/query-your-data/explore-query-data/dashboards/introduction-dashboards/).
\ No newline at end of file
diff --git a/src/i18n/content/pt/docs/logs/logs-context/configure-logs-context-nodejs.mdx b/src/i18n/content/pt/docs/logs/logs-context/configure-logs-context-nodejs.mdx
index 3ab3f26855e..e01673a3beb 100644
--- a/src/i18n/content/pt/docs/logs/logs-context/configure-logs-context-nodejs.mdx
+++ b/src/i18n/content/pt/docs/logs/logs-context/configure-logs-context-nodejs.mdx
@@ -282,6 +282,6 @@ Depois de configurar o <InlinePopover type="apm"/>logs contextualizados, aprovei
 
 * Explore os dados de registro em sua plataforma com nossa [interface de registro](/docs/logs/log-management/ui-data/use-logs-ui/).
 * Veja seu logs contextualizados do desempenho do seu aplicativo na [interfaceAPM ](/docs/logs/log-management/ui-data/use-logs-ui/#links). Solucione [erros](/docs/apm/apm-ui-pages/error-analytics/errors-page-find-fix-verify-problems/) com [distributed tracing](/docs/apm/distributed-tracing/ui-data/understand-use-distributed-tracing-data), rastreamento de pilha, registro de aplicativo e muito mais.
-* Obtenha maior visibilidade do seu aplicativo e dos dados de desempenho da sua plataforma encaminhando seu log com nosso [agente de monitoramento de infraestrutura](/docs/logs/enable-log-management-new-relic/enable-log-monitoring-new-relic/forward-your-logs-using-infrastructure-agent/). Revise seu [log de infraestrutura](/docs/logs/log-management/ui-data/use-logs-ui/#links) na interface.
+* Obtenha visibilidade mais profunda do seu aplicativo e dos dados de desempenho da plataforma encaminhando seu log com nosso [agente de infraestrutura](/docs/logs/enable-log-management-new-relic/enable-log-monitoring-new-relic/forward-your-logs-using-infrastructure-agent/). Revise seu [log de infraestrutura](/docs/logs/log-management/ui-data/use-logs-ui/#links) na interface.
 * Configure [o alerta](/docs/alerts-applied-intelligence/new-relic-alerts/alert-conditions/create-alert-conditions/).
 * [consulte seus dados](/docs/query-your-data/explore-query-data/get-started/introduction-querying-new-relic-data/) e [crie dashboard](/docs/query-your-data/explore-query-data/dashboards/introduction-dashboards/).
\ No newline at end of file
diff --git a/src/i18n/content/pt/docs/logs/logs-context/configure-logs-context-python.mdx b/src/i18n/content/pt/docs/logs/logs-context/configure-logs-context-python.mdx
index 1582ce2dcf1..9cabc8f3b32 100644
--- a/src/i18n/content/pt/docs/logs/logs-context/configure-logs-context-python.mdx
+++ b/src/i18n/content/pt/docs/logs/logs-context/configure-logs-context-python.mdx
@@ -165,6 +165,6 @@ Depois de configurar o <InlinePopover type="apm"/>logs contextualizados, aprovei
 
 * Explore os dados de registro em sua plataforma com nossa [interface de registro](/docs/logs/log-management/ui-data/use-logs-ui/).
 * Veja seu logs contextualizados do desempenho do seu aplicativo na [interfaceAPM ](/docs/logs/log-management/ui-data/use-logs-ui/#links). Solucione [erros](/docs/apm/apm-ui-pages/error-analytics/errors-page-find-fix-verify-problems/) com [distributed tracing](/docs/apm/distributed-tracing/ui-data/understand-use-distributed-tracing-data), rastreamento de pilha, registro de aplicativo e muito mais.
-* Obtenha maior visibilidade do seu aplicativo e dos dados de desempenho da sua plataforma encaminhando seu log com nosso [agente de monitoramento de infraestrutura](/docs/logs/enable-log-management-new-relic/enable-log-monitoring-new-relic/forward-your-logs-using-infrastructure-agent/). Revise seu [log de infraestrutura](/docs/logs/log-management/ui-data/use-logs-ui/#links) na interface.
+* Obtenha visibilidade mais profunda do seu aplicativo e dos dados de desempenho da plataforma encaminhando seu log com nosso [agente de infraestrutura](/docs/logs/enable-log-management-new-relic/enable-log-monitoring-new-relic/forward-your-logs-using-infrastructure-agent/). Revise seu [log de infraestrutura](/docs/logs/log-management/ui-data/use-logs-ui/#links) na interface.
 * Configure [o alerta](/docs/alerts-applied-intelligence/new-relic-alerts/alert-conditions/create-alert-conditions/).
 * [consulte seus dados](/docs/query-your-data/explore-query-data/get-started/introduction-querying-new-relic-data/) e [crie dashboard](/docs/query-your-data/explore-query-data/dashboards/introduction-dashboards/).
\ No newline at end of file
diff --git a/src/i18n/content/pt/docs/new-relic-solutions/build-nr-ui/build-nr-app.mdx b/src/i18n/content/pt/docs/new-relic-solutions/build-nr-ui/build-nr-app.mdx
index bf85a70ed36..a9e665d3ac0 100644
--- a/src/i18n/content/pt/docs/new-relic-solutions/build-nr-ui/build-nr-app.mdx
+++ b/src/i18n/content/pt/docs/new-relic-solutions/build-nr-ui/build-nr-app.mdx
@@ -13,6 +13,11 @@ import browserBrowserAnalyzerExample from 'images/new-relic-one-browser-analyzer
 
 O New Relic oferece muitas opções para [trazer dados de qualquer fonte](/docs/data-apis/custom-data/intro-custom-data) e criar [gráficos](/docs/query-your-data/explore-query-data/query-builder/introduction-query-builder) e [painéis](/docs/query-your-data/explore-query-data/dashboards/introduction-dashboards) personalizados. Mas se você quiser ir além dessas opções e criar suas próprias experiências no New Relic, daremos acesso às mesmas ferramentas que usamos para criar aplicativos em nossa plataforma.
 
+<Video
+  id="inyshp3m7r"
+  type="wistia"
+/>
+
 Os aplicativos New Relic são aplicativos React JavaScript que:
 
 * Residir na [plataforma New Relic](/docs/new-relic-one/use-new-relic-one/get-started/introduction-new-relic-one), junto com seus outros
diff --git a/src/i18n/content/pt/docs/new-relic-solutions/build-nr-ui/nr1-cli/nr1-subscription.mdx b/src/i18n/content/pt/docs/new-relic-solutions/build-nr-ui/nr1-cli/nr1-subscription.mdx
new file mode 100644
index 00000000000..05057794336
--- /dev/null
+++ b/src/i18n/content/pt/docs/new-relic-solutions/build-nr-ui/nr1-cli/nr1-subscription.mdx
@@ -0,0 +1,208 @@
+---
+title: Comandos de assinatura
+tags:
+  - New Relic One CLI
+  - Subscription commands
+metaDescription: An overview of the CLI commands you can use to manage your Nerdpack subscriptions.
+freshnessValidatedDate: '2024-04-29T00:00:00.000Z'
+translationType: machine
+---
+
+Para gerenciar sua assinatura Nerdpack, use os comandos abaixo. Você pode clicar em qualquer comando para ver suas opções de uso e detalhes adicionais sobre o comando.
+
+<table>
+  <thead>
+    <tr>
+      <th>
+        Comando
+      </th>
+
+      <th>
+        Descrição
+      </th>
+    </tr>
+  </thead>
+
+  <tbody>
+    <tr>
+      <td>
+        [`nr1 subscription:list`](#nr1-subscriptionlist)
+      </td>
+
+      <td>
+        Lista todos os Nerdpacks que sua conta está inscrita.
+      </td>
+    </tr>
+
+    <tr>
+      <td>
+        [`nr1 subscription:set`](#nr1-subscriptionset)
+      </td>
+
+      <td>
+        Inscreve sua conta em um Nerdpack e canal.
+      </td>
+    </tr>
+
+    <tr>
+      <td>
+        [`nr1 subscription:unset`](#nr1-subscriptionunset)
+      </td>
+
+      <td>
+        Cancela a assinatura de sua conta de um Nerdpack.
+      </td>
+    </tr>
+  </tbody>
+</table>
+
+## `nr1 subscription:list` [#nr1-subscriptionlist]
+
+### Veja sua assinatura [#nr1-subscriptionlist-see]
+
+Lista todos os Nerdpacks que sua conta está inscrita. Sua conta está vinculada à sua chave de API.
+
+### Uso
+
+`$ nr1 subscription:list`
+
+### Opções
+
+<table>
+  <tbody>
+    <tr>
+      <td>
+        `--profile=PROFILE`
+      </td>
+
+      <td>
+        O perfil de autenticação que você deseja usar.
+      </td>
+    </tr>
+
+    <tr>
+      <td>
+        `--verbose`
+      </td>
+
+      <td>
+        Adiciona informações extras à saída.
+      </td>
+    </tr>
+  </tbody>
+</table>
+
+## `nr1 subscription:set` [#nr1-subscriptionset]
+
+### Assine um Nerdpack [#nr1-subscriptionset-subscribe]
+
+Inscreve sua conta em um Nerdpack e canal específico. Este comando pode ser executado com um UUID do Nerdpack ou dentro de uma pasta específica do Nerdpack. Por padrão, o comando usa o ID do Nerdpack em `package.json` e se inscreve no canal STABLE.
+
+Uma conta só pode ser assinada em um Nerdpack e canal por vez.
+
+### Uso [#nr1-subscriptionset-usage]
+
+`$ nr1 subscription:set`
+
+### Opções [#nr1-subscriptionset-options]
+
+<table>
+  <tbody>
+    <tr>
+      <td>
+        `-i, --nerdpack-id=NERDPACK_ID`
+      </td>
+
+      <td>
+        Especifica o Nerdpack para assinar. Por padrão, o comando usará aquele em `package.json`.
+      </td>
+    </tr>
+
+    <tr>
+      <td>
+        `-c, --channel=DEV/BETA/STABLE`
+      </td>
+
+      <td>
+        Especifica o canal no qual se inscrever. \[`default: STABLE`]
+      </td>
+    </tr>
+
+    <tr>
+      <td>
+        `--profile=PROFILE`
+      </td>
+
+      <td>
+        O perfil de autenticação que você deseja usar.
+      </td>
+    </tr>
+
+    <tr>
+      <td>
+        `--verbose`
+      </td>
+
+      <td>
+        Adiciona informações extras à saída.
+      </td>
+    </tr>
+  </tbody>
+</table>
+
+### Apelido [#nr1-subscriptionset-aliases]
+
+* `$ nr1 nerdpack:subscribe`
+
+## `nr1 subscription:unset` [#nr1-subscriptionunset]
+
+### Cancelar assinatura de um Nerdpack [#nr1-subscriptionunset-unsubs]
+
+Cancela a assinatura de sua conta de um Nerdpack específico. Quando este comando é executado dentro de uma pasta Nerdpack, o ID Nerdpack de `package.json` é usado por padrão.
+
+### Uso [#nr1-subscriptionunset-usage]
+
+`$ nr1 subscription:unset`
+
+### Opções [#nr1-subscriptionunset-options]
+
+<table>
+  <tbody>
+    <tr>
+      <td>
+        `-i, --nerdpack-id=NERDPACK_ID`
+      </td>
+
+      <td>
+        Especifica o Nerdpack para assinar. Por padrão, o comando usará aquele em `package.json`.
+      </td>
+    </tr>
+
+    <tr>
+      <td>
+        `--profile=PROFILE`
+      </td>
+
+      <td>
+        O perfil de autenticação que você deseja usar.
+      </td>
+    </tr>
+
+    <tr>
+      <td>
+        `--verbose`
+      </td>
+
+      <td>
+        Adiciona informações extras à saída.
+      </td>
+    </tr>
+  </tbody>
+</table>
+
+### Apelido [#nr1-subscriptionunset-aliases]
+
+* `$ nr1 nerdpack:unsubscribe`
+* `$ nr1 subscription:delete`
+* `$ nr1 subscription:remove`
+* `$ nr1 subscription:rm`
\ No newline at end of file
diff --git a/src/i18n/content/pt/docs/new-relic-solutions/new-relic-one/build-nr-apps/advanced-config.mdx b/src/i18n/content/pt/docs/new-relic-solutions/new-relic-one/build-nr-apps/advanced-config.mdx
new file mode 100644
index 00000000000..061ebb9dfd3
--- /dev/null
+++ b/src/i18n/content/pt/docs/new-relic-solutions/new-relic-one/build-nr-apps/advanced-config.mdx
@@ -0,0 +1,42 @@
+---
+title: Habilite configuração avançada para seu Nerdpack
+tags:
+  - New Relic
+  - Developer account
+  - API key
+  - New Relic One CLI
+metaDescription: Enable advanced configurations for your Nerdpack.
+freshnessValidatedDate: never
+translationType: machine
+---
+
+Na maioria das vezes, os comandos da CLI `nr1` simplesmente funcionarão, sem exigir nenhuma configuração extra. Você poderá criar Nerdpacks, Nerdlets, lançadores e visualizações sem problemas. Mas às vezes você precisa de algo especial para sua configuração.
+
+Neste guia, você aprenderá como habilitar a configuração avançada para seu Nerdpack.
+
+## Antes de você começar
+
+Certifique-se de ter a versão mais recente da CLI `nr1` :
+
+```sh
+nr1 update
+```
+
+## Estenda a configuração do seu webpack
+
+Você pode usar nosso arquivo `.extended-webpackrc.js` para estender seu webpack para configuração. Isso permite que você adicione seus próprios aliases, script e configuração ao servir ou implantar localmente seu aplicativo.
+
+## Adicione certificados extras
+
+Ao trabalhar com `nr1` atrás de um proxy corporativo, você poderá ver um `RequestError`:
+
+```sh
+nr1 create --type nerdpack --name new-nerdpack
+[output] {error}RequestError: Error:{normal} self signed certificate in certificate chain
+```
+
+O Node usa sua própria cadeia de certificados. Portanto, se estiver recebendo este erro, você precisará adicionar seu certificado corporativo às CAs "raiz" do Node:
+
+```sh
+export NODE_EXTRA_CA_CERTS=[cert]
+```
\ No newline at end of file
diff --git a/src/i18n/content/pt/docs/new-relic-solutions/new-relic-one/build-nr-apps/publish.mdx b/src/i18n/content/pt/docs/new-relic-solutions/new-relic-one/build-nr-apps/publish.mdx
new file mode 100644
index 00000000000..1f853f73a9a
--- /dev/null
+++ b/src/i18n/content/pt/docs/new-relic-solutions/new-relic-one/build-nr-apps/publish.mdx
@@ -0,0 +1,207 @@
+---
+title: Publique seu Nerdpack
+tags:
+  - New Relic
+  - Nerdpack
+  - Publish
+metaDescription: Learn to publish your Nerdpack to Instant Observability.
+freshnessValidatedDate: never
+translationType: machine
+---
+
+Publique seu Nerdpack, esteja ele ainda em desenvolvimento, pronto para teste ou estável, para compartilhá-lo com outras pessoas.
+
+## Atualize sua CLI
+
+Antes de executar qualquer comando, certifique-se de ter a versão mais recente da CLI:
+
+```shell
+nr1 update
+```
+
+## Verifique suas permissões
+
+Ao publicar seu Nerdpack, ele fica cadastrado no catálogo de observabilidade Instant. A partir daí, algum usuário poderá assinar seu Nerdpack. O usuário inscrito precisa ter:
+
+* Acesso à conta que publicou o Nerdpack
+* As [permissões necessárias](/docs/new-relic-solutions/new-relic-one/build-nr-apps/permission-manage-apps) para gerenciar Nerdpacks
+
+## Atualize a versão do seu pacote
+
+Você só pode publicar uma versão do pacote no catálogo [de observabilidade Instantânea](https://newrelic.com/instant-observability) uma vez. Por exemplo, não é possível publicar duas instâncias da versão 1.0.0. Portanto, cada vez que você quiser implantar uma nova versão do seu código, será necessário incrementar a versão dela no arquivo `package.json` do Nerdpack:
+
+```json fileName=package.json lineHighlight=4
+{
+  "private": true,
+  "name": "demo-app",
+  "version": "1.0.0",
+  "scripts": {
+    "start": "nr1 nerdpack:serve",
+    "test": "exit 0"
+  },
+  "nr1": {
+    "uuid": "ab123c45-678d-9012-efg3-45hi6jkl7890"
+  },
+  "dependencies": {
+    "prop-types": "^15.6.2",
+    "react": "^16.6.3",
+    "react-dom": "^16.6.3"
+  },
+  "browserslist": ["last 2 versions", "not ie < 11", "not dead"]
+}
+```
+
+<Callout variant="tip">
+  As versões do Nerdpack seguem o versionamento semântico. Leia a [documentação](https://semver.org) para saber mais.
+</Callout>
+
+## Gere um UUID para seu Nerdpack
+
+Se você criou seu Nerdpack do zero com `nr1 create --type nerdpack`, então seu Nerdpack terá um identificador exclusivo. Encontre este identificador no arquivo `nr1.json` do diretório raiz:
+
+```json fileName=nr1.json lineHighlight=3
+{
+  "schemaType": "NERDPACK",
+  "id": "ab123c45-678d-9012-efg3-45hi6jkl7890",
+  "displayName": "DemoApp",
+  "description": "Nerdpack demo-app"
+}
+```
+
+Este ID deve ser exclusivo para o seu Nerdpack quando você publicá-lo no catálogo. A plataforma rejeitará seu Nerdpack se reconhecer o ID. Portanto, se você clonou um Nerdpack existente ou está usando código aberto, gere um novo UUID:
+
+```shell
+nr1 nerdpack:uuid --generate --force
+```
+
+<Callout variant="tip">
+  Leia a documentação do [`nr1 nerdpack:uuid`](/docs/new-relic-solutions/build-nr-ui/nr1-cli/nr1-nerdpack/#nr1-nerdpackuuid) para saber mais. Ou veja a página de ajuda `nr1` :
+
+  ```shell
+  nr1 nerdpack:uuid --help
+  ```
+</Callout>
+
+## Publique seu Nerdpack
+
+<Steps>
+  <Step>
+    Na pasta raiz do seu Nerdpack, execute `nr1 nerdpack:publish`:
+
+    ```shell
+    nr1 nerdpack:publish
+    ```
+
+    Se você publicou seu Nerdpack com sucesso, deverá ver alguns resultados de sucesso, incluindo:
+
+    ```shell
+    [output] {green}✔{normal}  Nerdpack published successfully!
+    [output] {green}✔{normal}  Tagged {purple}ab123c45-678d-9012-efg3-45hi6jkl7890{normal} version {blue}1.0.0{normal} as {blue}STABLE{normal}.
+    ```
+
+    Esta saída descreve o Nerdpack publicado. Primeiro, indica o ID do Nerdpack (`ab123c45-678d-9012-efg3-45hi6jkl7890`). Então, sua versão (`1.0.0`). Finalmente, sua tag de versão (`STABLE`).
+
+    Você já gerenciava o ID e a versão do seu Nerdpack, mas a tag de versão é nova. Para gerenciar as versões do seu Nerdpack, você pode tag las com uma tag arbitrária. Por exemplo, se uma versão ainda estiver em desenvolvimento, você poderá tag la com uma tag `DEV` . Se a versão passar para uma fase de controle de qualidade, você poderá tag -la com `QA`. Se estiver pronto para produção, você poderá tag -lo com `STABLE`.
+
+    <Callout variant="tip">
+      Leia nosso [guia de tags](/docs/new-relic-solutions/new-relic-one/build-nr-apps/tag) para saber mais.
+    </Callout>
+
+    Use a opção `-t` ou `--tag` para publicar seu Nerdpack com uma tag:
+
+    ```shell
+    nr1 nerdpack:publish --tag DEV
+    ```
+
+    Como você viu na saída `nr1 nerdpack:publish` , se você não transmitir uma tag, `nr1` aplicará a tag `STABLE` automaticamente. No entanto, você pode instruí-lo a não aplicar nenhuma tag a uma versão com a opção `-T` ou `--skip-tag` :
+
+    ```shell
+    nr1 nerdpack:publish --skip-tag
+    ```
+
+    Você também pode realizar um teste para certificar-se de publicar seu Nerdpack da maneira que deseja:
+
+    ```shell
+    nr1 nerdpack:publish --dry-run
+    ```
+  </Step>
+
+  <Step>
+    Depois de publicar seu Nerdpack com sucesso, vá para [New Relic](https://one.newrelic.com). Como você visualizará um Nerdpack publicado, em vez de um fornecido localmente, não será necessário passar a string de consulta `?nerdpacks=local` .
+  </Step>
+
+  <Step>
+    Vá para **+ Add data**. Quer você tenha publicado um aplicativo New Relic ou uma visualização personalizada, você encontrará seu projeto aqui.
+  </Step>
+
+  <Step>
+    Encontre seu Nerdpack publicado usando o filtro de aplicativos ou a barra de pesquisa.
+
+    <Callout variant="tip">
+      Apenas Nerdpacks com versões de tags são mostrados em [Observabilidade Instantânea](https://newrelic.com/instant-observability). Portanto, se você publicou sem tag ou removeu uma tag do Nerdpack publicado, você não a verá no catálogo.
+    </Callout>
+  </Step>
+</Steps>
+
+## Resolva problemas de acesso ao seu Nerdpack publicado
+
+Às vezes, ao publicar seu Nerdpack, você pode encontrar problemas. Se você não consegue publicar seu Nerdpack devido a algum problema com seu código ou não consegue encontrar seu Nerdpack na observabilidade instantânea, considere algumas soluções comuns para resolver esses problemas.
+
+### Depure seu comando
+
+Ao tentar publicar seu Nerdpack, leia atentamente a saída do seu comando `nr1` . Você pode receber resultados de sucesso, incluindo:
+
+```shell
+[output] {green}✔{normal}  Nerdpack published successfully!
+[output] {green}✔{normal}  Tagged {purple}ab123c45-678d-9012-efg3-45hi6jkl7890{normal} version {blue}1.0.0{normal} as {blue}STABLE{normal}.
+```
+
+No entanto, a saída pode mostrar alguns erros no seu Nerdpack. Por exemplo:
+
+```shell
+[output] Publishing Nerdpack DemoApp ({purple}ab123c45-678d-9012-efg3-45hi6jkl7890{normal})
+[output] {error}›{normal}   Error: There is already a Nerdpack with given id & version.
+[output] {error}›{normal}   Code: 409
+```
+
+Também pode ajudá-lo a visualizar resultados mais detalhados. Use o comando `--verbose` para mostrar mais conteúdo:
+
+```sh
+nr1 nerdpack:publish --verbose
+```
+
+## Revele suas informações publicadas do Nerdpack
+
+Se você não encontrar seu Nerdpack no New Relic, ele pode não estar marcado. Lembre-se de que pelo menos uma versão do seu Nerdpack publicado deve ter uma tag para ser exibida na página de **Apps** . Veja mais informações sobre seu Nerdpack publicado com `nr1 nerdpack:info`:
+
+```shell
+nr1 nerdpack:info
+[output] Id: {purple}ab123c45-678d-9012-efg3-45hi6jkl7890
+[output] Region: {muted}us
+[output] Account ID: 3014918
+[output] Local version: 1.0.0
+[output] Subscription Model: OWNER_AND_ALLOWED
+[output] Version Count: 1
+[output]
+[output] {white}Version  Date         Tags
+[output] -------  -----------  ----
+[output] 1.0.0    {muted}3 hours ago
+```
+
+Neste exemplo, há uma versão publicada, mas não é uma tag. Você pode tag uma versão publicada com:
+
+```sh
+nr1 nerdpack:tag --from-version=1.0.0 --tag=DEV
+```
+
+Agora, se você atualizar a página do browser, deverá ver seu Nerdpack em **Apps**.
+
+<Callout variant="tip">
+  Leia nossa documentação [`nr1 nerdpack:tag`](/docs/new-relic-solutions/build-nr-ui/nr1-cli/nr1-nerdpack/#nr1-nerdpacktag) para saber mais.
+</Callout>
+
+## Verifique seu perfil local
+
+Com `nr1`, você pode [definir um perfil padrão do New Relic](/docs/new-relic-solutions/build-nr-ui/nr1-cli/nr1-common/#nr1-profiles). Este perfil é usado para todos os comandos, a menos que especificado de outra forma com a opção `--profile` do comando. Quando você publica seu Nerdpack, somente o usuário que pode acessar sua conta poderá ver seu Nerdpack publicado.
+
+Portanto, se você não encontrar seu Nerdpack no New Relic, mas sabe que ele está publicado, compare seu perfil local com o perfil que você está usando no browser para ter certeza de que são iguais.
\ No newline at end of file
diff --git a/src/i18n/content/pt/docs/new-relic-solutions/new-relic-one/build-nr-apps/serve.mdx b/src/i18n/content/pt/docs/new-relic-solutions/new-relic-one/build-nr-apps/serve.mdx
new file mode 100644
index 00000000000..1a15906abe0
--- /dev/null
+++ b/src/i18n/content/pt/docs/new-relic-solutions/new-relic-one/build-nr-apps/serve.mdx
@@ -0,0 +1,112 @@
+---
+title: Sirva seu Nerdpack
+tags:
+  - Nerdpack
+  - Serve
+metaDescription: Learn to serve your Nerdpack locally.
+freshnessValidatedDate: never
+translationType: machine
+---
+
+Sirva seu Nerdpack localmente quando ele ainda estiver em desenvolvimento e você não estiver pronto para compartilhá-lo com outras pessoas. Você usará os recursos da sua própria máquina, mas verá o Nerdpack na plataforma New Relic como veria se fosse publicado.
+
+## Atualize sua CLI
+
+Antes de executar qualquer comando, certifique-se de ter a versão mais recente da CLI:
+
+```shell
+nr1 update
+```
+
+## Sirva seu Nerdpack localmente
+
+<Steps>
+  <Step>
+    Na pasta raiz do seu Nerdpack, execute o comando `nerdpack:serve` :
+
+    ```shell
+    nr1 nerdpack:serve
+    ```
+
+    Se você atendeu seu Nerdpack com sucesso, deverá ver alguns resultados de sucesso, incluindo:
+
+    ```shell
+    [output] {green}✔{normal}  Server ready! Test it at: https://one.newrelic.com/?nerdpacks=local
+    [output] {blue}↩{normal}  Server will reload automatically if you modify any file!
+    ```
+
+    Enquanto seu Nerdpack estiver sendo servido localmente, o servidor recarregará automaticamente seu Nerdpack quando detectar que você modificou um arquivo. Isso não inclui o arquivo de metadados `nr1.json` ou o arquivo de estilos `styles.css`. Se você atualizar esses arquivos, será necessário parar o servidor local com `CTRL+C` e reiniciá-lo com `nr1 nerdpack:serve`.
+  </Step>
+
+  <Step>
+    Vá para [https://one.newrelic.com/?nerdpacks=local](https://one.newrelic.com/?nerdpacks=local). New Relic requer a string de consulta `?nerdpacks=local` para carregar Nerdpacks servidos localmente.
+  </Step>
+
+  <Step>
+    Vá para <DoNotTranslate>**[one.newrelic.com > All capabilities](https://one.newrelic.com/all-capabilities) > Apps**</DoNotTranslate>. Esteja você criando um aplicativo New Relic ou uma visualização personalizada, você encontrará seu projeto em <DoNotTranslate>**Apps**</DoNotTranslate>.
+  </Step>
+
+  <Step>
+    Se você estiver servindo um Nerdpack com um iniciador e um Nerdlet, encontrará seu aplicativo local em <DoNotTranslate>**Your apps:**</DoNotTranslate>. Se você estiver servindo um Nerdpack com visualização, vá para <DoNotTranslate>**Favorite apps > Custom Visualizations**</DoNotTranslate>.
+
+    <Callout variant="tip">
+      Se as **Custom Visualizations** não estiverem favoritas, você poderá encontrá-las em **Your apps**.
+    </Callout>
+
+    Em **Custom Visualizations**, você verá sua visualização. Esteja você servindo um Nerdpack para um aplicativo ou uma visualização, você verá um indicador `</> Local` no bloco da interface. Use isto para distinguir entre Nerdpacks publicados e Nerdpacks servidos localmente.
+  </Step>
+
+  <Step>
+    Quando estiver pronto para parar de servir seu Nerdpack localmente, digite `CTRL+C` no terminal onde o servidor está sendo executado.
+  </Step>
+</Steps>
+
+## Resolva problemas de acesso ao seu Nerdpack local
+
+Às vezes, ao servir seu Nerdpack localmente, você pode encontrar problemas. Você pode não conseguir servir seu Nerdpack devido a bugs em seu código. Ou você pode servir seu Nerdpack com sucesso, mas não conseguir encontrá-lo no New Relic. Considere algumas soluções comuns para resolver esses problemas.
+
+### Depure seu aplicativo
+
+Ao tentar servir seu Nerdpack localmente, leia atentamente a saída do seu comando `nr1` . Você pode receber resultados de sucesso, incluindo:
+
+```shell
+[output] {green}✔{normal}  Server ready! Test it at: https://one.newrelic.com/?nerdpacks=local
+[output] {blue}↩{normal}  Server will reload automatically if you modify any file!
+```
+
+No entanto, a saída pode mostrar alguns erros no seu Nerdpack. Também pode ajudá-lo a visualizar resultados mais detalhados. Use o comando `--verbose` para mostrar mais conteúdo:
+
+```shell
+nr1 nerdpack:serve --verbose
+```
+
+### Mostrar Nerdpacks servidos localmente
+
+Se você não encontrar seu Nerdpack no New Relic, certifique-se de usar a string de consulta `?nerdpacks=local` . Caso contrário, a New Relic não carregará seu Nerdpack servido localmente na plataforma.
+
+### Verifique seu perfil local
+
+Com `nr1`, você pode [definir um perfil padrão do New Relic](/docs/new-relic-solutions/build-nr-ui/nr1-cli/nr1-common/#nr1-profiles). Este perfil é usado para todos os comandos, a menos que especificado de outra forma com a opção `--profile` do comando. Ao servir seu Nerdpack com `nr1 nerdpack:serve`, você deve estar conectado ao mesmo perfil no New Relic com o qual está servindo localmente.
+
+Portanto, se você não encontrar seu Nerdpack no New Relic e estiver usando a string de consulta correta, compare seu perfil local com o perfil que você está usando no browser para ter certeza de que são iguais.
+
+### Acesse seu browser proxy
+
+Geralmente, você não precisa saber como o código do seu aplicativo é carregado no New Relic. Mas entender como funciona pode ajudá-lo a resolver problemas com seu servidor local.
+
+Quando você executa `nr1 nerdpack:serve`, seu código é servido pela sua máquina local usando um subdomínio nr-local.net. Este domínio aponta para 127.0.0.1 e usa uma variedade de portas para conexão, incluindo 9973.
+
+Para carregar um Nerdpack na plataforma, seja ele servido localmente ou publicado no catálogo [de observabilidade Instant](https://newrelic.com/instant-observability) , New Relic usa um `<IFRAME>` e um domínio separado (um subdomínio de `nr-ext.net`), contando com a política de mesmo domínio para colocar o código em sandbox. .
+
+Portanto, se você não encontrar seu Nerdpack no New Relic, estiver usando a string de consulta correta e o perfil correto, seu administrador de rede pode precisar habilitar o acesso a:
+
+* Qualquer subdomínio de nr-local.net, ou, no mínimo, para qualquer domínio do formato `<UserId>.nr-local.net`, onde `<UserId>` é um identificador de 32 caracteres hexadecimais exclusivo para o usuário logado na plataforma. Você pode usar `[0-9a-f]{32}` para discriminá-lo.
+* Qualquer subdomínio de `nr-ext.net` ou, pelo menos, qualquer domínio no formato de `<NerdpackUuid>.g <NerdpackGid>.nr-ext.net`, onde `<NerdpackUuid>` é o UUID atribuído ao seu pacote e `<NerdpackGid>` é zero ou um número inteiro positivo. Você pode usar `0|[1-9]\d+` para discriminá-lo.
+
+## Leitura adicional
+
+Leia a documentação do [`nr1 nerdpack:serve`](/explore-docs/nr1-nerdpack#nr1-nerdpackserve) para saber mais. Ou veja a página de ajuda `nr1` :
+
+```shell
+nr1 nerdpack:serve --help
+```
\ No newline at end of file
diff --git a/src/i18n/content/pt/docs/new-relic-solutions/new-relic-one/build-nr-apps/set-up-dev-env.mdx b/src/i18n/content/pt/docs/new-relic-solutions/new-relic-one/build-nr-apps/set-up-dev-env.mdx
new file mode 100644
index 00000000000..b7a27627bb6
--- /dev/null
+++ b/src/i18n/content/pt/docs/new-relic-solutions/new-relic-one/build-nr-apps/set-up-dev-env.mdx
@@ -0,0 +1,100 @@
+---
+title: Configure seu ambiente de desenvolvimento
+tags:
+  - New Relic
+  - Developer account
+  - API key
+  - New Relic One CLI
+metaDescription: Prepare to build apps and contribute to this site.
+freshnessValidatedDate: never
+translationType: machine
+---
+
+Se você decidiu criar um aplicativo personalizado ou modificar um de nossos aplicativos de código aberto, precisará de algumas ferramentas essenciais:
+
+* A [interface de linha de comando (CLI) do New Relic One](https://one.newrelic.com/launcher/developer-center.launcher?pane=eyJuZXJkbGV0SWQiOiJkZXZlbG9wZXItY2VudGVyLmRldmVsb3Blci1jZW50ZXIifQ==).
+* Uma chave de API, que você obtém ao fazer download da CLI.
+
+Dependendo do que você deseja fazer com seu aplicativo, você pode ter algumas configurações e configurações adicionais. Este guia cobre:
+
+* Fazendo download da CLI do New Relic One para criar ou modificar aplicativos
+* Contribua com conteúdo para este site
+
+## Antes de você começar
+
+Antes de começar, recomendamos primeiro ler sobre [permissões](/docs/new-relic-solutions/new-relic-one/build-nr-apps/permission-manage-apps).
+
+Para começar a construir, você deve ter:
+
+* Uma [conta no github](https://github.com/) . Embora não seja estritamente necessário para criar aplicativos, uma conta GitHub permite que você [baixe e personalize nossos aplicativos de código aberto](https://opensource.newrelic.com/explore-projects) e contribua com um [projeto de código aberto](https://opensource.newrelic.com/contributing/).
+* Uma [conta de desenvolvedor New Relic ](https://newrelic.com/signup/?partner=Developer+Edition). Caso ainda não tenha uma, você pode obter uma conta de teste grátis para desenvolvimento do aplicativo New Relic .
+* [npm](https://www.npmjs.com/get-npm). Se você instalou [o Node.js](https://nodejs.org/en/download/), então você já tem `npm`, que é usado para compartilhar, reutilizar e atualizar o código JavaScript. Isso é necessário para trabalhar com componentes React que são a framework dos aplicativos New Relic e deste site.
+
+### Uma nota sobre suporte
+
+Construir um aplicativo New Relic é o mesmo que construir qualquer aplicativo JavaScript/React. Oferecemos suporte para ajudar com nossas ferramentas de construção ([nossa biblioteca CLI](/explore-docs/nr1-cli) e [SDK](/explore-docs/intro-to-sdk)). No entanto, não oferecemos suporte para questões ou problemas básicos de codificação JavaScript ou React.
+
+Para perguntas e respostas comuns sobre construção, consulte a [página do Explorers Hub sobre construção na New Relic](https://discuss.newrelic.com/c/build-on-new-relic).
+
+<Callout variant="tip">
+  Use a [extensão New Relic One VSCode](https://marketplace.visualstudio.com/items?itemName=new-relic.nr1) ou o [pacote de extensão New Relic VSCode](https://marketplace.visualstudio.com/items?itemName=new-relic.new-relic-extension-pack) para criar seus aplicativos.
+</Callout>
+
+## Prepare-se para criar ou modificar aplicativos
+
+<Steps>
+  <Step>
+    ### Baixe a CLI e a chave da API
+
+    Na [página do aplicativo Build New Relic ](https://one.newrelic.com/launcher/developer-center.launcher?pane=eyJuZXJkbGV0SWQiOiJkZXZlbG9wZXItY2VudGVyLmRldmVsb3Blci1jZW50ZXIifQ==), conclua as etapas de **Quick start** para fazer download.
+
+    Essas seis etapas de início rápido fornecem uma chave de API para uso com o desenvolvimento de aplicativos e a CLI do New Relic One para criar e implantar aplicativos. No final do Início rápido, você tem um projeto que consiste no seguinte:
+
+    * Um **Nerdpack**. O pacote que contém todos os arquivos exigidos pelo seu aplicativo. Ele contém dois tipos de arquivos que você personaliza para criar seu aplicativo: Nerdlets e o inicializador.
+    * Um ou mais arquivos **Nerdlet** . Uma visualização ou janela de interface específica. Um Nerdlet é um pacote React JavaScript que inclui um arquivo `index.js` , um `stylesheet` e um arquivo `config` no formato JSON. Ele pode conter qualquer funcionalidade JS (gráficos, campos interativos, dicas de ferramentas, etc.).
+    * Um arquivo `launcher` : esta é a base para o inicializador, que é usado para abrir seu aplicativo no New Relic depois de publicá-lo.
+  </Step>
+
+  <Step>
+    ### Comece a construir
+
+    Se você estiver pronto para programar, `cd` acesse seu Nerdpack e comece.
+
+    Se você quiser saber mais sobre como criar aplicativos, experimente estes guias passo a passo:
+
+    * [Construa um aplicativo "Olá, mundo!"](/docs/new-relic-solutions/tutorials/build-hello-world-app) mostra como criar um pequeno aplicativo, publicá-lo no New Relic e compartilhá-lo com outras pessoas assinando contas nele.
+    * [Mapear visualizações de página por região](/build-apps/map-pageviews-by-region) orienta você nas etapas para criar um de nossos populares aplicativos de código aberto. Você aprende a adicionar uma consulta personalizada a um aplicativo e visualizá-la em uma tabela e, em seguida, adicionar esses dados a um mapa.
+  </Step>
+</Steps>
+
+## Contribua com o site `developer.newrelic.com`
+
+Este site é de código aberto e gostaríamos de receber sua opinião. Crie uma pull request se encontrar um erro que você sabe como corrigir. Deixe-nos um problema no GitHub se você encontrar algumas lacunas de conteúdo nas quais deseja que trabalhemos. Ou escreva um guia totalmente novo, se tiver um que gostaria de compartilhar. Continue lendo para saber como.
+
+<Steps>
+  <Step>
+    ### Bifurque o repositório `developer-website` GitHub
+
+    A bifurcação do repositório permite que você trabalhe em sua própria cópia dos arquivos `developer.newrelic.com` e [crie o site localmente](https://github.com/newrelic/developer-website#developernewreliccom). Ele também nos permite gerenciar com mais facilidade as solicitações pull recebidas.
+
+    1. Vá para a página [do site dos desenvolvedores](https://github.com/newrelic/developer-website) no GitHub.
+    2. Selecione o botão **Fork** no canto superior direito da página.
+    3. Escolha a conta para a qual deseja fazer o fork e aguarde alguns segundos enquanto o fork é criado.
+
+    [Sincronize regularmente](https://docs.github.com/en/github/collaborating-with-issues-and-pull-requests/syncing-a-fork) para manter seu fork atualizado com alterações e adições ao upstream do branch principal.
+  </Step>
+
+  <Step>
+    ### Faça uma solicitação de recurso ou documentação
+
+    1. Em qualquer página, selecione o botão **GitHub** na parte superior da página.
+    2. Selecione o tipo de alteração desejada.
+    3. Preencha o formulário GitHub.
+  </Step>
+
+  <Step>
+    ### Contribua com um novo guia
+
+    Confira nossas [diretrizes para contribuidores](https://github.com/newrelic/developer-website/blob/master/CONTRIBUTING.md#creating-new-pages), que orientarão você durante o processo.
+  </Step>
+</Steps>
\ No newline at end of file
diff --git a/src/i18n/content/pt/docs/new-relic-solutions/new-relic-one/build-nr-apps/subscribe.mdx b/src/i18n/content/pt/docs/new-relic-solutions/new-relic-one/build-nr-apps/subscribe.mdx
new file mode 100644
index 00000000000..259f995e59e
--- /dev/null
+++ b/src/i18n/content/pt/docs/new-relic-solutions/new-relic-one/build-nr-apps/subscribe.mdx
@@ -0,0 +1,244 @@
+---
+title: Assine um Nerdpack
+tags:
+  - New Relic
+  - Nerdpack
+  - Subscribe
+metaDescription: Learn to subscribe to a Nerdpack.
+freshnessValidatedDate: never
+translationType: machine
+---
+
+Assine um Nerdpack para usá-lo na plataforma New Relic. Cancele a assinatura dos Nerdpacks que você não usa mais.
+
+## Atualize sua CLI
+
+Antes de executar qualquer comando, certifique-se de ter a versão mais recente da CLI:
+
+```shell
+nr1 update
+```
+
+## Verifique suas permissões
+
+Para assinar um Nerdpack, você precisa de:
+
+* Acesso à conta que o publicou
+* As [permissões necessárias para gerenciar Nerdpacks](/docs/new-relic-solutions/new-relic-one/build-nr-apps/permission-manage-apps)
+
+## Publique seu Nerdpack
+
+Você precisa publicar os Nerdpacks criados antes de assiná-los:
+
+1. [Publique seu Nerdpack](/docs/new-relic-solutions/new-relic-one/build-nr-apps/publish)
+2. [Tag seu Nerdpack](/docs/new-relic-solutions/new-relic-one/build-nr-apps/tag) se ele for publicado e ainda não tiver tag
+
+## Assine um Nerdpack
+
+Assine um Nerdpack publicado, com a interface da Web ou a CLI `nr1` , para usá-lo em sua conta. A assinatura permite que você selecione a versão da tag que deseja usar, bem como a conta com a qual deseja se inscrever. Isso permite que você controle quais Nerdpacks você usa em sua conta.
+
+<Callout variant="tip">
+  Quando a tag que você assinou é atualizada, o New Relic atualiza seu Nerdpack automaticamente.
+</Callout>
+
+<Steps>
+  <Step>
+    Na página inicial do [New Relic](https://one.newrelic.com) , vá para <DoNotTranslate>**+ Add data**</DoNotTranslate> na barra de navegação superior.
+  </Step>
+
+  <Step>
+    Encontre seu Nerdpack publicado usando o filtro de aplicativos ou a barra de pesquisa. Todos os Nerdpacks publicados são mostrados aqui. No entanto, aquele que você está procurando pode ter sido filtrado. Ajuste o filtro para encontrar o Nerdpack que você procura.
+  </Step>
+
+  <Step>
+    Selecione o Nerdpack que deseja adicionar à sua conta New Relic.
+  </Step>
+
+  <Step>
+    Clique em **Add this app**. Este botão mostra **Manage access** se você já estiver inscrito no Nerdpack.
+  </Step>
+
+  <Step>
+    Selecione a conta para assinar e a versão da tag para assinar. Em seguida, atualize sua(s) conta(s).
+
+    <Callout variant="tip">
+      Na interface da web e em alguns locais da CLI, nos referimos à **tags** como **channels**. Esta é uma relíquia de uma implementação anterior de versionamento do Nerdpack. Ignorando detalhes históricos e de implementação, considere-os sinônimos.
+    </Callout>
+
+    Agora você e os membros das contas com as quais se inscreveu podem lançar o Nerdpack da New Relic.
+  </Step>
+
+  <Step>
+    Se você assinou um aplicativo, encontre-o em **Your apps**. Se você assinou uma visualização, encontre-a em **Custom visualizations**.
+  </Step>
+</Steps>
+
+## Inscreva-se na linha de comando
+
+Se você publicou seu próprio Nerdpack, pode ser mais rápido assiná-lo com a CLI `nr1` .
+
+<Steps>
+  <Step>
+    Navegue até o diretório raiz do seu Nerdpack:
+
+    ```shell
+    cd my-awesome-nerdpack
+    ```
+
+    Estas instruções referem-se ao seu Nerdpack como `my-awesome-nerdpack`.
+  </Step>
+
+  <Step>
+    Certifique-se de que seu Nerdpack foi publicado e marque:
+
+    ```shell
+    nr1 nerdpack:info
+    [output] Id: {purple}ab123c45-678d-9012-efg3-45hi6jkl7890
+    [output] Region: {muted}us
+    [output] Account ID: 1234567
+    [output] Local version: 1.0.0
+    [output] Subscription Model: OWNER_AND_ALLOWED
+    [output] Version Count: 1
+    [output]
+    [output] Version  Date               Tags
+    [output] -------  -----------------  ------
+    [output] 1.0.0    {muted}a few seconds ago  {green}STABLE
+    ```
+
+    Você deverá ver pelo menos uma versão [publicada](/docs/new-relic-solutions/new-relic-one/build-nr-apps/publish) com uma [tag](/docs/new-relic-solutions/new-relic-one/build-nr-apps/tag). Não precisa ser `STABLE`. Você pode assinar qualquer versão da tag.
+  </Step>
+
+  <Step>
+    Assine seu Nerdpack:
+
+    ```shell
+    nr1 nerdpack:subscribe --channel=STABLE
+    [output] Subscribed account {green}1234567{normal} to the nerdpack {purple}ab123c45-678d-9012-efg3-45hi6jkl7890{normal} on the {green}STABLE{normal} channel
+    ```
+
+    Aqui, você se inscreveu na tag `STABLE` . Você também pode assinar as tags `DEV` e `BETA` na CLI, mas o comando assinatura não permite tags arbitrárias. Para assinar qualquer outra versão da tag, você precisa usar a interface web.
+
+    Semelhante à interface web, o termo **channel** `nr1 nerdpack:subscribe` é uma referência a uma implementação mais antiga das versões do Nerdpack.
+
+    <Callout
+      variant="tip"
+      title="Detalhe técnico"
+    >
+      `nr1 nerdpack:subscribe` é um alias para `nr1 subscription:set`.
+
+      Leia a documentação do [`nr1 subscription:set`](/docs/new-relic-solutions/build-nr-ui/nr1-cli/nr1-subscription/#nr1-subscriptionset) para saber mais. Ou veja a página de ajuda `nr1` :
+
+      ```shell
+      nr1 subscription:set --help
+      ```
+    </Callout>
+  </Step>
+</Steps>
+
+## Cancelar assinatura de um Nerdpack
+
+Cancele a assinatura de um Nerdpack para removê-lo da sua conta.
+
+<Steps>
+  <Step>
+    No [New Relic](https://one.newrelic.com), vá para <DoNotTranslate>**Apps**</DoNotTranslate> na barra de navegação superior.
+  </Step>
+
+  <Step>
+    Clique no ícone “i” ao lado do Nerdpack que você assinou. Isso abre a página de detalhes.
+  </Step>
+
+  <Step>
+    Clique em **Manage access**.
+  </Step>
+
+  <Step>
+    Desmarque as contas que você deseja cancelar. Em seguida, atualize essas contas.
+  </Step>
+</Steps>
+
+## Cancelar inscrição usando a linha de comando
+
+Cancele rapidamente a assinatura do seu perfil CLI do Nerdpacks.
+
+<Steps>
+  <Step>
+    Navegue até o diretório raiz do seu Nerdpack:
+
+    ```shell
+    cd my-awesome-nerdpack
+    ```
+  </Step>
+
+  <Step>
+    Veja a assinatura do seu perfil:
+
+    ```shell
+    nr1 subscription:list
+    [output] {muted}Listing subscribed deployed nerdpacks on your account:
+    [output] Version  UUID                                  Name              Date         User
+    [output] -------  ------------------------------------  ----------------  -----------  -------
+    [output] 0.6.4    {purple}384de6e5-8e57-4d56-9d13-299ee7ae8641{normal}  Account Maturity  {muted}a month ago{normal}  2774472
+    ```
+  </Step>
+
+  <Step>
+    Cancele a assinatura do Nerdpack com o UUID:
+
+    ```shell
+    nr1 nerdpack:unsubscribe --nerdpack-id=384de6e5-8e57-4d56-9d13-299ee7ae8641
+    [output] Unsubscribed account {green}1234567{normal} from the nerdpack {purple}384de6e5-8e57-4d56-9d13-299ee7ae8641{normal} on the {green}STABLE{normal} channel.
+    ```
+
+    <Callout variant="tip">
+      `nr1 nerdpack:unsubscribe` é um alias para `nr1 subscription:unset`.
+
+      Leia a documentação do [`nr1 subscription:unset`](/docs/new-relic-solutions/build-nr-ui/nr1-cli/nr1-subscription/#nr1-subscriptionunset) para saber mais. Ou veja a página de ajuda `nr1` :
+
+      ```sh
+      nr1 subscription:unset --help
+      ```
+    </Callout>
+  </Step>
+</Steps>
+
+## Resolva problemas de acesso ao seu Nerdpack publicado
+
+Às vezes, ao assinar um Nerdpack, você pode ter problemas. Se você não consegue assinar ou vê assinatura duplicada em sua conta, considere algumas soluções comuns para resolver esses problemas.
+
+### Tag sua versão do Nerdpack
+
+Ao assinar um Nerdpack, você escolhe uma tag específica. Portanto, se o Nerdpack que você está tentando assinar não estiver marcado ou não tiver a tag que você está almejando, [tag](/docs/new-relic-solutions/new-relic-one/build-nr-apps/tag) sua versão de lançamento:
+
+```shell
+nr1 nerdpack:subscribe --channel=DEV
+[output] {error}›{normal}   Error: Nerdpack {purple}ab123c45-678d-9012-efg3-45hi6jkl7890{normal} is not deployed to channel {green}DEV{normal}. You have to deploy it first
+[output] {error}›{normal}   Code: PACKAGE_NOT_DEPLOYED
+[output]
+nr1 nerdpack:tag --tag=DEV
+[output] {success}✔  Tagged {purple}ab123c45-678d-9012-efg3-45hi6jkl7890{normal} version {green}1.0.0{normal} as {green}DEV{normal}.
+[output]
+nr1 nerdpack:subscribe --channel=DEV
+[output] Subscribed account {green}1234567{normal} to the nerdpack {purple}ab123c45-678d-9012-efg3-45hi6jkl7890{normal} on the {green}DEV{normal} channel.
+```
+
+Se você se inscrever sem um argumento `--channel` , o canal padrão será `STABLE`, portanto, certifique-se de ter uma versão `STABLE` neste caso:
+
+```shell
+nr1 nerdpack:subscribe
+[output] {error}›{normal}   Error: Nerdpack {purple}ab123c45-678d-9012-efg3-45hi6jkl7890{normal} is not deployed to channel {green}STABLE{normal}. You have to deploy it first
+[output] {error}›{normal}   Code: PACKAGE_NOT_DEPLOYED
+```
+
+### Assine com a interface da web
+
+Ao se inscrever na CLI, você passa um argumento `--channel` para selecionar uma tag. Um **channel** é, para todos os efeitos, uma **tag**. Este termo é uma relíquia de uma implementação anterior de versionamento do Nerdpack.
+
+No entanto, embora os termos sejam sinônimos, o uso de `--channel` é limitado na CLI. Ao assinar com um `--channel`, você só pode escolher entre `DEV`, `BETA` e `STABLE`. Então, para assinar uma tag diferente, use a interface web:
+
+```shell
+nr1 nerdpack:subscribe --channel=QA
+[output] {error}›{normal}   Error: Expected --channel=QA to be one of: {green}DEV{normal}, {green}BETA{normal}, {green}STABLE
+[output] {error}›{normal}   See more help with --help
+[output] {error}›{normal}   Code: UNKNOWN
+```
\ No newline at end of file
diff --git a/src/i18n/content/pt/docs/new-relic-solutions/new-relic-one/build-nr-apps/tag.mdx b/src/i18n/content/pt/docs/new-relic-solutions/new-relic-one/build-nr-apps/tag.mdx
new file mode 100644
index 00000000000..03b5e92fe91
--- /dev/null
+++ b/src/i18n/content/pt/docs/new-relic-solutions/new-relic-one/build-nr-apps/tag.mdx
@@ -0,0 +1,253 @@
+---
+title: Tag a versão de lançamento do seu Nerdpack
+tags:
+  - New Relic
+  - Nerdpack
+metaDescription: Learn to tag your Nerdpack's release version.
+freshnessValidatedDate: never
+translationType: machine
+---
+
+Tag suas versões do Nerdpack para rastreá-las e assiná-las. Desmarque versões para evitar assinatura ou ocultar Nerdpacks do catálogo.
+
+## Atualize sua CLI
+
+Antes de executar qualquer comando, certifique-se de ter a versão mais recente da CLI:
+
+```sh
+nr1 update
+```
+
+## Verifique suas permissões
+
+Para tag uma versão do Nerdpack, você precisa:
+
+* Acesso à conta que o publicou
+* As [permissões necessárias](/docs/new-relic-solutions/new-relic-one/build-nr-apps/permission-manage-apps) para gerenciar Nerdpacks.
+
+## Publique seu Nerdpack
+
+Você precisa [publicar](/docs/new-relic-solutions/new-relic-one/build-nr-apps/publish) os Nerdpacks criados antes de tag -los.
+
+## Tag uma versão
+
+Depois de publicar uma versão do Nerdpack no catálogo de aplicativos New Relic , você poderá tag -la com a CLI `nr1`.
+
+<Steps>
+  <Step>
+    Na pasta raiz do seu Nerdpack, execute `nr1 nerdpack:tag`:
+
+    ```sh
+    nr1 nerdpack:tag --tag=DEV
+    [output] {success}✔{normal}  Tagged {purple}ab123c45-678d-9012-efg3-45hi6jkl7890{normal} version {green}1.0.0{normal} as {green}DEV{normal}.
+    ```
+
+    Aqui, você marca a versão `1.0.0` como `DEV`.
+
+    Agora, você e outros usuários da sua conta podem usar esta tag:
+
+    * Você vê a tag como uma opção de assinatura quando adiciona o Nerdpack à sua conta
+    * Se você assinar a tag `DEV` e ela for atualizada posteriormente (por exemplo, `DEV` for aplicado à versão `1.0.1` ), você será atualizado automaticamente para a nova versão sem precisar se inscrever novamente.
+
+    <Callout variant="important">
+      Um dos recursos das versões de lançamento de tags é que o usuário que está inscrito em uma tag recebe atualizações automaticamente quando essa tag é usada para outra versão. Isso significa que se um usuário estiver testando uma versão, digamos `1.0.0`, e você aplicar a mesma tag a outra versão, digamos `1.0.1`, esse usuário verá a versão `1.0.1` em sua conta e não poderá mais acessar a versão Nerdpack eles estavam testando antes. Muitas vezes, esse é o comportamento esperado, mas lembre-se de considerar esse efeito colateral ao usar a tag.
+    </Callout>
+  </Step>
+
+  <Step>
+    Veja as informações de registro do seu Nerdpack:
+
+    ```sh
+    nr1 nerdpack:info
+    [output] Id: {purple}ab123c45-678d-9012-efg3-45hi6jkl7890
+    [output] Region: {muted}us
+    [output] Account ID: 1234567
+    [output] Local version: 1.0.0
+    [output] Subscription Model: OWNER_AND_ALLOWED
+    [output] Version Count: 1
+    [output]
+    [output] Version  Date         Tags
+    [output] -------  -----------  ----
+    [output] 1.0.0    {muted}5 hours ago{green}  DEV
+    ```
+
+    Esta saída confirma sua tag `DEV` na versão `1.0.0`.
+  </Step>
+</Steps>
+
+## Desmarcar uma versão
+
+À medida que você cria mais versões do seu Nerdpack, você pode atualizar sua tag para versões mais recentes. No entanto, você também pode remover uma tag do seu Nerdpack com `nr1`.
+
+<Steps>
+  <Step>
+    No diretório raiz do seu Nerdpack, visualize as informações do seu registro:
+
+    ```sh
+    nr1 nerdpack:info
+    [output] Id: {purple}ab123c45-678d-9012-efg3-45hi6jkl7890
+    [output] Region: {muted}us
+    [output] Account ID: 1234567
+    [output] Local version: 1.0.0
+    [output] Subscription Model: OWNER_AND_ALLOWED
+    [output] Version Count: 1
+    [output]
+    [output] Version  Date               Tags
+    [output] -------  -----------------  ----
+    [output] 2.0.0    {muted}a few seconds ago{green}  DEV
+    [output] 1.0.1    {muted}8 minutes ago{green}      BETA, STABLE
+    [output] 1.0.0    {muted}6 hours ago
+    ```
+
+    Aqui você vê que a versão `1.0.0` não tem tag, a versão `1.0.1` tem duas tags, `BETA` e `STABLE`, e a versão `2.0.0` tem uma tag, `DEV`.
+  </Step>
+
+  <Step>
+    Remova a tag `BETA` das suas versões do Nerdpack:
+
+    ```sh
+    nr1 nerdpack:untag --tag=BETA
+    [output] {success}✔{normal}  Removed nerdpack {purple}ab123c45-678d-9012-efg3-45hi6jkl7890{normal} tag {green}BETA{normal}.
+    ```
+  </Step>
+
+  <Step>
+    Verifique se a tag foi removida do seu Nerdpack:
+
+    ```sh
+    nr1 nerdpack:info
+    [output] Id: {purple}ab123c45-678d-9012-efg3-45hi6jkl7890
+    [output] Region: {muted}us
+    [output] Account ID: 1234567
+    [output] Local version: 1.0.0
+    [output] Subscription Model: OWNER_AND_ALLOWED
+    [output] Version Count: 1
+    [output]
+    [output] Version  Date            Tags
+    [output] -------  --------------  ----
+    [output] 2.0.0    {muted}5 minutes ago{green}   DEV
+    [output] 1.0.1    {muted}13 minutes ago{green}  STABLE
+    [output] 1.0.0    {muted}6 hours ago
+    ```
+  </Step>
+</Steps>
+
+## Resolver problemas ao marcar uma versão do Nerdpack
+
+Às vezes, ao tag uma versão do Nerdpack, você pode encontrar problemas. Quer você não consiga tag seu Nerdpack ou desmarcá-lo, considere algumas soluções comuns para resolver esses problemas.
+
+### Publique seu Nerdpack
+
+Se você tentar tag seu Nerdpack sem publicá-lo primeiro, receberá um erro:
+
+```sh
+nr1 nerdpack:tag --tag=DEV
+[output] {error}›{normal}   Error: A downstream error occurred.
+```
+
+Esta mensagem de erro não diz muito, mas você pode usar a opção `--verbose` para ver mais informações:
+
+```sh
+nr1 nerdpack:tag --tag=DEV --verbose
+[output] init version: @oclif/command@1.8.0 argv: [ {green}'--tag=DEV'{normal}, {green}'--verbose'{normal}, [length]: {yellow}2{normal} ]
+[output] {blue}dist/metadata.json{normal} does not exist. package.json will be used instead.
+[output] Using profile {muted}account-1234567
+[output] {purple}Request:{normal} POST https://api.newrelic.com/graphql
+[output] {purple}Data:{green} mutation {
+[output]                 {green}nerdpackTagVersion(
+[output]                     {green}nerdpackId: "ab123c45-678d-9012-efg3-45hi6jkl7890",
+[output]                     {green}versionTag: {
+[output]                         {green}tag: "DEV",
+[output]                         {green}version: "1.0.0"
+[output]                     {green}}
+[output]                 {green}) {
+[output]                     {green}nerdpackId
+[output]                     {green}tags
+[output]                     {green}version
+[output]                 {green}}
+[output]             {green}}
+[output] {purple}Headers: {
+[output]   {green}'API-Key'{normal}: {green}'<YOU USER KEY>'{normal},
+[output]   {green}'Content-Type'{normal}: {green}'application/graphql'
+[output] }
+```
+
+Esta mensagem de erro mais detalhada mostra o GraphQL executado nos bastidores para `nr1 nerdpack:tag`. A parte importante da mensagem aqui é:
+
+```sh
+[output] {blue}dist/metadata.json{normal} does not exist. package.json will be used instead.
+```
+
+O diretório `dist` é criado quando você publica seu aplicativo. Então, por ainda não ter sido publicado, esse diretório não existe e `nr1` recorre a `package.json` para procurar detalhes sobre seu Nerdpack. Mas, como o UUID em seu `package.json` não está no registro do New Relic, o comando falhou.
+
+Portanto, antes de tag suas versões, publique-as no registro:
+
+```sh
+nr1 nerdpack:publish
+nr1 nerdpack:tag --tag=DEV
+```
+
+<Callout variant="tip">
+  Lembre-se que você também pode tag uma versão ao mesmo tempo em que a implanta!
+
+  ```sh
+  nr1 nerdpack:publish --tag=DEV
+  ```
+</Callout>
+
+### Cancelar assinatura do Nerdpack
+
+Você só pode remover tags que não tenham assinantes. Se você tentar remover uma tag na qual o usuário está inscrito, você receberá um erro:
+
+```sh
+nr1 nerdpack:info
+[output] Id: {purple}ab123c45-678d-9012-efg3-45hi6jkl7890
+[output] Region: {muted}us
+[output] Account ID: 1234567
+[output] Local version: 2.0.0
+[output] Subscription Model: OWNER_AND_ALLOWED
+[output] Version Count: 3
+[output]
+[output] Version  Date         Tags
+[output] -------  -----------  ----
+[output] 2.0.0    {muted}an hour ago  {green}DEV
+[output] 1.0.1    {muted}an hour ago
+[output] 1.0.0    {muted}6 hours ago
+[output]
+nr1 nerdpack:untag -t DEV
+[output] {error}›{normal}   Error: A downstream error occurred.
+```
+
+Neste caso, verifique se você é assinante do Nerdpack:
+
+```sh
+nr1 subscription:list
+[output] {muted}Listing subscribed deployed nerdpacks on your account:
+[output] Version  UUID                                  Name               Date         User
+[output] -------  ------------------------------------  -----------------  -----------  ----------
+[output] 2.0.0    {purple}ab123c45-678d-9012-efg3-45hi6jkl7890{normal}  MyAwesomeNerdpack  {muted}an hour ago  1000383529
+```
+
+Isso mostra que você está inscrito em `MyAwesomeNerdpack`. Cancele a inscrição e tente remover a tag `DEV` novamente:
+
+```sh
+nr1 nerdpack:unsubscribe
+[output] Unsubscribed account {green}1234567{normal} from the nerdpack {purple}ab123c45-678d-9012-efg3-45hi6jkl7890{normal} on the {green}DEV{normal} channel.
+[output]
+nr1 nerdpack:untag --tag=DEV
+[output] {success}✔{normal}  Removed nerdpack {purple}ab123c45-678d-9012-efg3-45hi6jkl7890{normal} tag {green}DEV{normal}.
+[output]
+nr1 nerdpack:info
+[output] Id: {purple}ab123c45-678d-9012-efg3-45hi6jkl7890
+[output] Region: {muted}us
+[output] Account ID: {green}1234567
+[output] Local version: 2.0.0
+[output] Subscription Model: OWNER_AND_ALLOWED
+[output] Version Count: 3
+[output]
+[output] Version  Date         Tags
+[output] -------  -----------  ----
+[output] 2.0.0    {muted}an hour ago
+[output] 1.0.1    {muted}an hour ago
+[output] 1.0.0    {muted}6 hours ago
+```
\ No newline at end of file
diff --git a/src/i18n/content/pt/docs/new-relic-solutions/new-relic-one/install-configure/configure-new-relic-agents.mdx b/src/i18n/content/pt/docs/new-relic-solutions/new-relic-one/install-configure/configure-new-relic-agents.mdx
index ada47ec93b1..d2ad35f87e2 100644
--- a/src/i18n/content/pt/docs/new-relic-solutions/new-relic-one/install-configure/configure-new-relic-agents.mdx
+++ b/src/i18n/content/pt/docs/new-relic-solutions/new-relic-one/install-configure/configure-new-relic-agents.mdx
@@ -31,7 +31,7 @@ Consulte nossa documentação para [configuração de<InlinePopover type="browse
 
 ## Configurar agente de infraestrutura [#infra-config]
 
-A única configuração necessária para nosso agente de monitoramento de infraestrutura é <InlinePopover type="licenseKey"/>. Isso é configurado quando você [instala o agente](/docs/agents/manage-apm-agents/installation/install-agent). Você também pode usar [opções de configuração adicionais](/docs/infrastructure/new-relic-infrastructure/configuration/configure-infrastructure-agent) para monitor sua infraestrutura.
+A única configuração necessária para nosso agente de infraestrutura é <InlinePopover type="licenseKey"/>. Isso é configurado quando você [instala o agente](/docs/agents/manage-apm-agents/installation/install-agent). Você também pode usar [opções adicionais de configuração](/docs/infrastructure/new-relic-infrastructure/configuration/configure-infrastructure-agent) para monitor sua infraestrutura.
 
 ## Configurar agente móvel [#mobile-config]
 
diff --git a/src/i18n/content/pt/docs/new-relic-solutions/tutorials/add-query-mutate-nerdstorage.mdx b/src/i18n/content/pt/docs/new-relic-solutions/tutorials/add-query-mutate-nerdstorage.mdx
new file mode 100644
index 00000000000..eda609476fa
--- /dev/null
+++ b/src/i18n/content/pt/docs/new-relic-solutions/tutorials/add-query-mutate-nerdstorage.mdx
@@ -0,0 +1,219 @@
+---
+title: 'Adicione, consulte e altere dados usando NerdStorage'
+description: 'NerdStorage é um banco de dados de documentos acessível no New Relic. Ele permite modificar, salvar e recuperar documentos de uma sessão para outra.'
+freshnessValidatedDate: never
+translationType: machine
+---
+
+NerdStorage é um banco de dados de documentos acessível no New Relic. Ele permite modificar, salvar e recuperar documentos de uma sessão para outra.
+
+Usando o NerdStorage, você pode criar documentos individuais de até 64 KB, criar diferentes coleções de documentos e armazenar dados por entidade, conta ou nível de usuário.
+
+Este guia explica como adicionar dados e documentos ao NerdStorage.
+
+## Antes de você começar [#begin]
+
+Este guia requer que você tenha uma chave de API e a CLI do New Relic One.
+
+## Iniciar [#start]
+
+Primeiro, faça com que o aplicativo NerdStorage seja executado com sucesso no New Relic.
+
+<Steps>
+  <Step>
+    Clone o aplicativo de exemplo do [repositório GitHub](https://github.com/newrelic/nr1-how-to/tree/master/use-nerdstorage).
+  </Step>
+
+  <Step>
+    Use a CLI do New Relic One para atualizar o UUID do aplicativo e executar o aplicativo localmente.
+
+    1. No terminal, mude para o diretório `/nr1-how-to/use-nerdstorage` :
+
+    ```bash
+    cd /nr1-how-to/use-nerdstorage
+    ```
+
+    2. Atualize o UUID e sirva o aplicativo:
+
+    ```bash
+    nr1 update
+    nr1 nerdpack:uuid -gf
+    nr1 nerdpack:serve
+    ```
+  </Step>
+
+  <Step>
+    Assim que o aplicativo for servido com sucesso, seu terminal retornará a URL para visualizar seu aplicativo em execução no [New Relic](https://one.newrelic.com/?nerdpacks=local).
+
+    Carregue o URL. Clique em **Apps** e em **Your apps** você verá o aplicativo **Use Nerdstorage** listado. Clique para lançar o aplicativo.
+  </Step>
+</Steps>
+
+## Adicione dados ao NerdStorage [#add-data]
+
+Assim que o aplicativo estiver instalado e funcionando no New Relic, você poderá prepará-lo e começar a adicionar dados.
+
+Na tela do aplicativo **How To Use NerdStorage** , há um painel **Saved to NerdStorage** com um campo para adicionar dados. No entanto, se você digitar algo, receberá uma mensagem de erro. Isso ocorre porque você precisa estar configurado para armazenar dados no nível `User` . Você pode fazer isso com a ajuda do componente `UserStorageMutation` .
+
+<Steps>
+  <Step>
+    Abra o arquivo `./nerdlets/use-nerdstorage-nerdlet/index.js` do aplicativo no editor de texto de sua preferência e encontre o código de `TextField` e `Button` usado para inserir dados. A propriedade `Button onClick` faz uma chamada para um método auxiliar chamado `_addToNerdStorage` e você precisa atualizá-lo para adicionar `UserStorageMutation`
+
+    Os componentes `UserStorage` NerdStorage requerem `collection` e `documentId`. No método construtor do arquivo `index.js` do aplicativo, você pode ver as variáveis sendo fornecidas. No arquivo `.js` , será parecido com isto:
+
+    ```jsx
+    constructor(props) {
+        super(props)
+        this.collectionId = 'mycollection';
+        this.documentId = 'learning-nerdstorage';
+        this.state = {
+            isOpen: true,
+            storage: [],
+            text: '',
+        };
+        this._addToNerdStorage = this._addToNerdStorage.bind(this);
+        this._removeFromNerdStorage = this._removeFromNerdStorage.bind(this);
+        this._deleteDocument = this._deleteDocument.bind(this);
+    }
+    ```
+  </Step>
+
+  <Step>
+    Importe o `UserStorageMutation` adicionando-o à instrução `import` na parte superior do arquivo `index.js` :
+
+    ```jsx
+    import { UserStorageMutation } from 'nr1';
+    ```
+
+    Em seguida, atualize o auxiliar com este código começando com `_addToNerdStorage`:
+
+    ```jsx
+    _addToNerdStorage(){
+        const { text, storage } = this.state;
+        storage.push(text);
+        this.setState({storage}, () => {
+            UserStorageMutation.mutate({
+                actionType: UserStorageMutation.ACTION_TYPE.WRITE_DOCUMENT,
+                collection: this.collectionId,
+                documentId: this.documentId,
+                document: { storage },
+            })
+            .then((res) => {
+                this.setState({text: ''});
+                Toast.showToast({ title: "NerdStorage Update.", type: Toast.TYPE.NORMAL });
+            })
+            .catch((err) => console.log(err));
+        });
+    }
+    ```
+  </Step>
+
+  <Step>
+    1. Retorne à tela do aplicativo **How To Use NerdStorage** em execução no New Relic e recarregue a página.
+    2. Adicione algum texto no campo de entrada de texto e clique no botão de verificação. Isso atualizará o NerdStorage e acionará uma notificação `Toast` dentro do aplicativo. Você deverá então ver o texto digitado exibido como uma linha da tabela abaixo do campo de entrada de texto.
+  </Step>
+</Steps>
+
+## Consultar dados do NerdStorage [#query-data]
+
+Depois de fazer com que o armazenamento de dados funcione conforme descrito na seção acima, você também precisará fazer com que o aplicativo leia corretamente os dados do NerdStorage, ou o aplicativo será recarregado com um estado vazio sempre que você sair da página do aplicativo e voltar. Para fazer isso, adicione o componente `UserStorageQuery` e atualize o método `componentDidMount` .
+
+<Steps>
+  <Step>
+    Importe o `UserStorageQuery` adicionando-o à instrução de importação no arquivo `./nerdlets/use-nerdstorage-nerdlet/index.js` do aplicativo.
+
+    ```jsx
+    import { UserStorageMutation, UserStorageQuery } from 'nr1';
+    ```
+  </Step>
+
+  <Step>
+    Em seguida, adicione o seguinte método `componentDidMount` ao seu aplicativo:
+
+    ```jsx
+    componentDidMount(){
+        UserStorageQuery.query({
+            collection: this.collectionId,
+            documentId: this.documentId,
+        })
+        .then(({ data }) => {
+            if(data !== null) {
+                this.setState({storage: data.storage});
+            }
+        })
+        .catch(err => console.log(err));
+    }
+    ```
+  </Step>
+
+  <Step>
+    De volta ao aplicativo NerdStorage, teste suas alterações adicionando mais algumas linhas usando o campo de entrada de texto. Em seguida, saia e reinicie o aplicativo. O aplicativo deve carregar e mostrar todos os dados que você inseriu antes de sair.
+  </Step>
+</Steps>
+
+## Alterar dados no NerdStorage [#mutate-data]
+
+Cada entrada do NerdStorage exibida na tabela dentro do aplicativo possui um botão de lixeira que pode ser usado para atualizar uma entrada específica. O botão de lixeira funciona fazendo uma chamada para o método auxiliar `_removeFromNerdStorage` .
+
+Para que esse processo funcione, atualize o código em `_removeFromNerdStorage`:
+
+```jsx
+_removeFromNerdStorage(index, data){
+    const { storage } = this.state;
+    storage.pop(data);
+
+    this.setState({storage}, () => {
+        UserStorageMutation.mutate({
+            actionType: UserStorageMutation.ACTION_TYPE.WRITE_DOCUMENT,
+            collection: this.collectionId,
+            documentId: this.documentId,
+            document: { storage },
+        })
+        .then((res) => {
+            Toast.showToast({ title: "NerdStorage Update.", type: Toast.TYPE.NORMAL });
+        })
+        .catch((err) => console.log(err));
+    });
+}
+```
+
+Depois de fazer isso, clicar no botão da lixeira remove o item ao qual está associado e o aplicativo é atualizado para mostrar a alteração.
+
+## Excluir coleção do NerdStorage [#delete]
+
+Embora o botão da lixeira seja um bom método para remover entradas específicas, uma de cada vez, você também pode excluir um documento NerdStorage inteiro de uma vez. Você pode fazer isso adicionando o botão **Delete Document** ao seu aplicativo.
+
+<Steps>
+  <Step>
+    Adicione um novo `GridItem` ao aplicativo imediatamente antes da tag de fechamento `Grid` . No novo `GridItem` adicione o seguinte código para exibir seu novo botão:
+
+    ```jsx
+    <Button
+      onClick={() => this._deleteDocument()}
+      type={Button.TYPE.DESTRUCTIVE}
+      sizeType={Button.SIZE_TYPE.SMALL}
+      iconType={Button.ICON_TYPE.INTERFACE__OPERATIONS__TRASH}
+    >
+      Delete Document
+    </Button>
+    ```
+  </Step>
+
+  <Step>
+    Como o novo botão **Delete Document** chamará o método auxiliar `_deleteDocument` , você precisará atualizá-lo usando este código:
+
+    ```jsx
+    _deleteDocument(){
+        this.setState({storage: []});
+        UserStorageMutation.mutate({
+            actionType: UserStorageMutation.ACTION_TYPE.DELETE_DOCUMENT,
+            collection: this.collectionId,
+            documentId: this.documentId,
+        });
+        Toast.showToast({ title: "NerdStorage Update.", type: Toast.TYPE.CRITICAL });
+    }
+    ```
+  </Step>
+</Steps>
+
+De volta ao aplicativo, você deverá ver os botões de lixeira individuais e o botão **Delete Document** recém-adicionado.
\ No newline at end of file
diff --git a/src/i18n/content/pt/docs/new-relic-solutions/tutorials/add-tables.mdx b/src/i18n/content/pt/docs/new-relic-solutions/tutorials/add-tables.mdx
new file mode 100644
index 00000000000..a057db2077c
--- /dev/null
+++ b/src/i18n/content/pt/docs/new-relic-solutions/tutorials/add-tables.mdx
@@ -0,0 +1,250 @@
+---
+title: Adicione tabelas ao seu aplicativo New Relic
+metaDescription: Add a table to your New Relic app.
+freshnessValidatedDate: never
+translationType: machine
+---
+
+As tabelas são uma forma popular de exibir dados no aplicativo New Relic . Por exemplo, com o [criador de consulta](/docs/chart-builder/use-chart-builder/get-started/introduction-chart-builder) você pode criar tabelas a partir [da consultaNRQL ](/docs/query-data/nrql-new-relic-query-language/getting-started/introduction-nrql).
+
+Se você precisa ter mais controle sobre tabelas ou está importando dados de terceiros, você pode criar suas próprias tabelas em seu aplicativo New Relic.
+
+Neste guia, você construirá uma tabela de amostra usando vários componentes do New Relic.
+
+<Video
+  id="28nnlbhrvg"
+  type="wistia"
+/>
+
+## Antes de você começar [#begin]
+
+Se você ainda não instalou a CLI do New Relic One, siga o [início rápido no New Relic](https://one.newrelic.com/launcher/developer-center.launcher). Este processo também fornece uma chave de API.
+
+Além disso, para concluir as etapas deste guia, você precisa de uma conta GitHub e do Node.js instalado em sua máquina.
+
+## Clone e configure o aplicativo de exemplo [#example]
+
+<Steps>
+  <Step>
+    Clone o aplicativo de exemplo [nr1-how-to](https://github.com/newrelic/nr1-how-to) do GitHub para sua máquina local. Em seguida, navegue até o diretório do aplicativo.
+
+    O aplicativo de exemplo permite experimentar tabelas.
+
+    ```sh lineNumbers=false copy=false
+    git clone https://github.com/newrelic/nr1-how-to.git
+    cd nr1-how-to/create-a-table/nerdlets/create-a-table-nerdlet
+    ```
+  </Step>
+
+  <Step>
+    Edite o arquivo `index.js` e defina `this.accountId` como [o ID da sua conta,](https://docs.newrelic.com/docs/accounts/install-new-relic/account-setup/account-id) conforme mostrado no exemplo.
+
+    ```js lineNumbers=false
+    export default class Nr1HowtoAddTimePicker extends React.Component {
+        constructor(props){
+            super(props)
+            this.accountId = YOUR_ACCOUNT_ID;
+        }
+        ...
+    }
+    ```
+  </Step>
+
+  <Step>
+    ## Execute o aplicativo de demonstração [#run-demo]
+
+    Mude o diretório de volta para `nr1-how-to/create-a-table`. Antes de carregar o aplicativo de demonstração, você precisa [atualizar seu ID único](/build-tools/new-relic-one-applications/guide-to-authentication--data-access--and-permissions) invocando a CLI do New Relic One.
+
+    Depois de atribuir um novo UUID ao aplicativo, instale a dependência e sirva o aplicativo de demonstração localmente, para que você possa testar qualquer alteração ao vivo em seu browser.
+
+    ```bash
+    nr1 update
+    nr1 nerdpack:uuid -gf # Update the app unique ID
+    npm install           # Install dependencies
+    nr1 nerdpack:serve    # Serve the demo app locally
+    ```
+  </Step>
+
+  <Step>
+    Abra a [página inicial local da New Relic](https://one.newrelic.com/?nerdpacks=local) em seu navegador. Clique em **Apps** e, na seção **Your apps** , você verá um iniciador **Create a table** . Esse é o aplicativo de demonstração no qual você trabalhará. Vá em frente e selecione-o.
+
+    Dê uma boa olhada no aplicativo de demonstração. Há um `TableChart` no lado esquerdo chamado **Transaction Overview**, com um `AreaChart` próximo a ele. Você usará componentes `Table` para adicionar uma nova tabela na segunda linha.
+  </Step>
+</Steps>
+
+## Trabalhar com componentes de tabela [#table-components]
+
+<Steps>
+  <Step>
+    Navegue até o subdiretório `nerdlets/create-a-table-nerdlet` e abra o arquivo `index.js` .
+
+    Adicione os seguintes componentes à instrução import na parte superior do arquivo para que fique semelhante ao exemplo:
+
+    * `Table`
+    * `TableHeader`
+    * `TableHeaderCell`
+    * `TableRow`
+    * `TableRowCell`
+
+    ```jsx lineNumbers=false
+    import {
+      Table,
+      TableHeader,
+      TableHeaderCell,
+      TableRow,
+      TableRowCell,
+      PlatformStateContext,
+      Grid,
+      GridItem,
+      HeadingText,
+      AreaChart,
+      TableChart,
+    } from 'nr1';
+    ```
+  </Step>
+
+  <Step>
+    ## Adicione um componente de tabela básico [#basic-table]
+
+    Localize o `GridItem` vazio em `index.js`: é aqui que você começa a construir a tabela.
+
+    Adicione o componente `<Table>` inicial. A propriedade `items` coleta os dados chamando `_getItems()`, que contém valores de amostra.
+
+    ```jsx lineNumbers=false
+    <GridItem className="primary-content-container" columnSpan={12}>
+      <Table items={this._getItems()}></Table>
+    </GridItem>
+    ```
+  </Step>
+
+  <Step>
+    ## Adicione o cabeçalho e as linhas [#add-header-rows]
+
+    Como o componente `Table` renderiza um número fixo de células e linhas de cabeçalho, a próxima etapa é adicionar componentes de cabeçalho, bem como uma função que retorne as linhas necessárias da tabela.
+
+    Dentro do componente `Table` , adicione o `TableHeader` e depois um filho `TableHeaderCell` para cada título.
+
+    Como você não sabe de quantas linhas precisará, sua melhor aposta é chamar uma função para criar tantos `TableRows` quantos itens retornados por `_getItems()`.
+
+    ```jsx lineNumbers=false
+    <TableHeader>
+      <TableHeaderCell>Application</TableHeaderCell>
+      <TableHeaderCell>Size</TableHeaderCell>
+      <TableHeaderCell>Company</TableHeaderCell>
+      <TableHeaderCell>Team</TableHeaderCell>
+      <TableHeaderCell>Commit</TableHeaderCell>
+    </TableHeader>;
+    {
+      ({ item }) => (
+        <TableRow>
+          <TableRowCell>{item.name}</TableRowCell>
+          <TableRowCell>{item.value}</TableRowCell>
+          <TableRowCell>{item.company}</TableRowCell>
+          <TableRowCell>{item.team}</TableRowCell>
+          <TableRowCell>{item.commit}</TableRowCell>
+        </TableRow>
+      );
+    }
+    ```
+  </Step>
+
+  <Step>
+    Dê uma olhada no aplicativo em execução no New Relic.
+  </Step>
+
+  <Step>
+    ## Substitua células de tabela padrão por células inteligentes [#replace-cells]
+
+    A biblioteca New Relic One inclui componentes de células que podem formatar automaticamente determinados tipos de dados, como nomes de usuário, métrica e entidade.
+
+    A tabela que você acabou de criar contém colunas que podem se beneficiar desses componentes: **Application** (um nome de entidade) e **Size** (uma métrica).
+
+    Antes de poder usar `EntityTitleTableRowCell` e `MetricTableRowCell`, você deve primeiro adicioná-los à instrução de importação.
+
+    ```jsx lineNumbers=false copy=false
+    import {
+        EntityTitleTableRowCell,
+        MetricTableRowCell,
+        ... /* All previous components */
+    } from 'nr1';
+
+    ```
+  </Step>
+
+  <Step>
+    Atualize as linhas da sua tabela substituindo o primeiro e o segundo `TableRowCell`s por células de entidade e métrica.
+
+    Observe que `EntityTitleTableRowCell` são tags de fechamento automático.
+
+    ```jsx lineNumbers=false
+    {
+      ({ item }) => (
+        <TableRow>
+          <EntityTitleTableRowCell value={item} />
+          <MetricTableRowCell
+            type={MetricTableRowCell.TYPE.APDEX}
+            value={item.value}
+          />
+          <TableRowCell>{item.company}</TableRowCell>
+          <TableRowCell>{item.team}</TableRowCell>
+          <TableRowCell>{item.commit}</TableRowCell>
+        </TableRow>
+      );
+    }
+    ```
+  </Step>
+
+  <Step>
+    É hora de dar uma segunda olhada em sua tabela: os componentes da célula que você adicionou cuidam da formatação adequada dos dados.
+  </Step>
+
+  <Step>
+    As tabelas são ótimas, mas as tabelas interativas podem ser melhores: como última atualização, você permitirá que o usuário atue em cada linha de dados.
+
+    Adicione o método `_getActions()` ao seu arquivo `index.js` , logo antes de `_getItems()`.
+
+    Como você deve ter adivinhado pelo código, `_getActions()` gera uma caixa de alerta quando você clica nas células **Team** ou **Commit** .
+
+    ```jsx lineNumbers=false
+    _getActions() {
+        return [
+            {
+                label: 'Alert Team',
+                iconType: TableRow.ACTIONS_ICON_TYPE.INTERFACE__OPERATIONS__ALERT,
+                onClick: (evt, { item, index }) => {
+                    alert(`Alert Team: ${item.team}`);
+                },
+            },
+            {
+                label: 'Rollback Version',
+                iconType: TableRow.ACTIONS_ICON_TYPE.INTERFACE__OPERATIONS__UNDO,
+                onClick: (evt, { item, index }) => {
+                    alert(`Rollback from: ${item.commit}`);
+                },
+            },
+        ];
+    }
+
+    ```
+  </Step>
+
+  <Step>
+    Encontre o componente `TableRow` em sua instrução `return` e aponte a propriedade `actions` para `_getActions()`.
+
+    A propriedade `TableRow` actions define um conjunto de ações que aparecem quando o usuário passa o mouse sobre uma linha da tabela. As ações possuem um texto obrigatório e um retorno de chamada `onClick` , mas também podem exibir um ícone ou ser desativadas, se necessário.
+
+    ```jsx lineNumbers=false
+    <TableRow actions={this._getActions()}>
+    ```
+  </Step>
+
+  <Step>
+    Volte para seu aplicativo e tente passar o mouse sobre qualquer uma das linhas: Observe como as duas ações disponíveis aparecem. Quando você clica neles, uma função é acionada com os dados da linha selecionada como argumento e um alerta é exibido em seu browser.
+  </Step>
+</Steps>
+
+## Próximos passos [#next]
+
+Você construiu uma tabela em um aplicativo New Relic, usando componentes para formatar dados automaticamente e fornecer ações contextuais. Bom trabalho!
+
+Continue explorando os componentes `Table` , suas propriedades e como usá-los em nossa documentação do SDK.
\ No newline at end of file
diff --git a/src/i18n/content/pt/docs/new-relic-solutions/tutorials/add-visualization-dashboard.mdx b/src/i18n/content/pt/docs/new-relic-solutions/tutorials/add-visualization-dashboard.mdx
new file mode 100644
index 00000000000..feba8cde9c2
--- /dev/null
+++ b/src/i18n/content/pt/docs/new-relic-solutions/tutorials/add-visualization-dashboard.mdx
@@ -0,0 +1,101 @@
+---
+title: Adicione sua visualização personalizada a um dashboard
+metaDescription: Add your custom visualization to a New Relic dashboard
+freshnessValidatedDate: never
+translationType: machine
+---
+
+<Callout variant="tip">
+  Esta lição faz parte de um curso que ensina como construir uma visualização personalizada na plataforma New Relic.
+
+  Cada lição do curso se baseia na anterior, portanto, certifique-se de ter concluído a última lição, [Personalizar visualizações com configuração](/docs/new-relic-solutions/tutorials/custom-visualization-config), antes de iniciar esta.
+</Callout>
+
+Na lição anterior, você adicionou uma opção de configuração à sua visualização que permite escolher como deseja representar seus dados. Isso era diferente da versão anterior do seu código porque, embora você ainda possa escolher o tipo de gráfico, agora só pode fazer isso antes de criar uma instância da sua visualização. Mas o que significa criar uma instância da sua visualização? Como você usa uma visualização depois de configurada?
+
+Nesta lição, você aprenderá como criar uma instância da sua visualização e adicionar essa instância ao dashboard.
+
+<Callout variant="tip">
+  Se você se perdeu nas etapas anteriores e gostaria de ver como deveriam ficar seus arquivos para iniciar esta aula, confira o [projeto do curso](https://github.com/newrelic/nru-custom-visualization-course) no Github.
+</Callout>
+
+## Adicione sua visualização personalizada a um dashboard [#add-dashboard]
+
+<Steps>
+  <Step>
+    No diretório raiz do seu Nerdpack, publique e assine sua visualização:
+
+    ```sh
+    nr1 nerdpack:publish
+    nr1 nerdpack:subscribe
+    ```
+
+    <Callout variant="important">
+      Para publicar um Nerdpack você deve ser um usuário Full com o privilégio “modificar” do Nerdpacks (isso é concedido por padrão).
+    </Callout>
+
+    Em seguida, encontre sua visualização publicada na sobreposição do New Relic Apps.
+  </Step>
+
+  <Step>
+    Na [página inicial do New Relic](https://one.newrelic.com), selecione o botão **Apps** na barra de navegação superior direita.
+  </Step>
+
+  <Step>
+    Na página **Apps** , clique no iniciador **Custom Visualizations**.
+  </Step>
+
+  <Step>
+    Selecione **RadarOrTreemap**.
+  </Step>
+
+  <Step>
+    Na lição anterior, você alterou sua visualização para usar o painel de configuração da plataforma para selecionar um tipo de gráfico.
+  </Step>
+
+  <Step>
+    Clique em **Add to dashboard**. Em seguida, selecione um dashboard na lista de painéis disponíveis ou selecione **New dashboard**.
+
+    Se você decidir criar um novo dashboard, selecione uma conta e um nome.
+
+    Clique em **Add to dashboard**.
+  </Step>
+
+  <Step>
+    Vá para o seu dashboard para ver sua visualização personalizada.
+
+    Observe que você pode criar outra versão da visualização com outro tipo de gráfico e adicioná-la ao mesmo dashboard. É por isso que chamamos isso de instância da sua visualização.
+  </Step>
+</Steps>
+
+## Exclua sua visualização [#delete]
+
+Depois de adicionar sua visualização a um dashboard, você não poderá editá-la. Você não pode alterar a consulta subjacente, o ID da conta, o tipo de gráfico ou qualquer outra opção previamente configurável. Portanto, se você não estiver satisfeito com sua visualização, exclua-a do dashboard e siga as etapas deste guia novamente para adicionar uma nova instância.
+
+<Steps>
+  <Step>
+    Clique no botão de reticências no canto direito da visualização e clique em **Delete**.
+  </Step>
+
+  <Step>
+    Confirme que deseja excluir sua visualização.
+  </Step>
+</Steps>
+
+## Resumo [#summary]
+
+Agora você sabe como:
+
+* Crie novas visualizações personalizadas com o SDK do New Relic One
+* Configure suas visualizações usando o SDK e as opções de configuração
+* Adicione suas visualizações a um painel
+
+Para saber mais sobre visualizações personalizadas, confira os seguintes recursos:
+
+* Vídeo de dicas rápidas New Relic : [painel e visualizações personalizadas](https://www.youtube.com/watch?v=_F61mxtKfGA) (6 minutos)
+* Vídeo New Relic NerdBytes: [Configurando visualizações personalizadas para painel](https://www.youtube.com/watch?v=sFpG_iG7Xa8) (7 minutos)
+* Transmissão ao vivo do New Relic Changelog: [visualizações de dados personalizadas no New Relic](https://www.youtube.com/watch?v=HuR0EdHGz24) (30 minutos)
+
+<Callout variant="course">
+  Esta lição faz parte de um curso que ensina como construir uma visualização personalizada na plataforma New Relic. Parabéns por chegar até o fim!
+</Callout>
\ No newline at end of file
diff --git a/src/i18n/content/pt/docs/new-relic-solutions/tutorials/custom-visualization-config.mdx b/src/i18n/content/pt/docs/new-relic-solutions/tutorials/custom-visualization-config.mdx
new file mode 100644
index 00000000000..ae596efe1e9
--- /dev/null
+++ b/src/i18n/content/pt/docs/new-relic-solutions/tutorials/custom-visualization-config.mdx
@@ -0,0 +1,964 @@
+---
+title: Personalize sua visualização com opções de configuração
+metaDescription: Customize your visualization using configuration
+freshnessValidatedDate: never
+translationType: machine
+---
+
+<Callout variant="tip">
+  Esta lição faz parte de um curso que ensina como construir uma visualização personalizada na plataforma New Relic.
+
+  Cada lição do curso se baseia na anterior, portanto, certifique-se de ter concluído a última lição, [Visualizações personalizadas e o SDK da New Relic](/docs/new-relic-solutions/tutorials/custom-visualization-sdk), antes de iniciar esta.
+</Callout>
+
+## Comece aqui [#begin]
+
+Na lição anterior, você criou uma visualização personalizada que mostra os dados da consulta em um dos dois tipos de gráfico:
+
+* [`RadarChart`](https://recharts.org/en-US/api/RadarChart)
+* [`Treemap`](https://recharts.org/en-US/api/Treemap)
+
+Você usou um `SegmentedControl` para alternar entre os dois tipos de gráfico na interface de visualização. Essa implementação ocupa espaço na visualização, mas oferece ao usuário a opção de alternar entre dois tipos de gráfico mesmo depois de criar uma instância do seu gráfico. Mas e se você só precisar selecionar uma opção uma vez, ao inicializar a visualização?
+
+Nesta lição você aprenderá como adicionar uma opção de configuração à sua visualização que substitui o `SegmentedControl`.
+
+<Callout variant="tip">
+  Se você se perder no projeto de código e quiser ver como os arquivos devem ficar quando terminar cada lição, verifique o [projeto do curso](https://github.com/newrelic/nru-custom-visualization-course) no Github.
+</Callout>
+
+```js fileName=visualizations/radar-or-treemap/index.js
+import React from 'react';
+import PropTypes from 'prop-types';
+import {
+  Radar,
+  RadarChart,
+  PolarGrid,
+  PolarAngleAxis,
+  PolarRadiusAxis,
+  Treemap,
+} from 'recharts';
+import {
+  AutoSizer,
+  Card,
+  CardBody,
+  HeadingText,
+  NrqlQuery,
+  SegmentedControl,
+  SegmentedControlItem,
+  Spinner,
+} from 'nr1';
+
+const CHART_TYPES = {
+  Radar: 'radar',
+  Treemap: 'treemap',
+};
+
+export default class RadarOrTreemapVisualization extends React.Component {
+  // Custom props you wish to be configurable in the UI must also be defined in
+  // the nr1.json file for the visualization. See docs for more details.
+  static propTypes = {
+    /**
+     * A fill color to override the default fill color. This is an example of
+     * a custom chart configuration.
+     */
+    fill: PropTypes.string,
+
+    /**
+     * A stroke color to override the default stroke color. This is an example of
+     * a custom chart configuration.
+     */
+    stroke: PropTypes.string,
+    /**
+     * An array of objects consisting of a nrql `query` and `accountId`.
+     * This should be a standard prop for any NRQL based visualizations.
+     */
+    nrqlQueries: PropTypes.arrayOf(
+      PropTypes.shape({
+        accountId: PropTypes.number,
+        query: PropTypes.string,
+      })
+    ),
+  };
+
+  state = {
+    selectedChart: CHART_TYPES.Radar,
+  };
+
+  /**
+   * Restructure the data for a non-time-series, facet-based NRQL query into a
+   * form accepted by the Recharts library's RadarChart.
+   * (https://recharts.org/api/RadarChart).
+   */
+  transformData = (rawData) => {
+    return rawData.map((entry) => ({
+      name: entry.metadata.name,
+      // Only grabbing the first data value because this is not time-series data.
+      value: entry.data[0].y,
+    }));
+  };
+
+  /**
+   * Format the given axis tick's numeric value into a string for display.
+   */
+  formatTick = (value) => {
+    return value.toLocaleString();
+  };
+
+  updateSelectedChart = (evt, value) => {
+    this.setState({ selectedChart: value });
+  };
+
+  render() {
+    const { nrqlQueries, stroke, fill } = this.props;
+    const { selectedChart } = this.state;
+
+    const nrqlQueryPropsAvailable =
+      nrqlQueries &&
+      nrqlQueries[0] &&
+      nrqlQueries[0].accountId &&
+      nrqlQueries[0].query;
+
+    if (!nrqlQueryPropsAvailable) {
+      return <EmptyState />;
+    }
+
+    return (
+      <AutoSizer>
+        {({ width, height }) => (
+          <NrqlQuery
+            query={nrqlQueries[0].query}
+            accountId={parseInt(nrqlQueries[0].accountId)}
+            pollInterval={NrqlQuery.AUTO_POLL_INTERVAL}
+          >
+            {({ data, loading, error }) => {
+              if (loading) {
+                return <Spinner />;
+              }
+
+              if (error) {
+                return <ErrorState />;
+              }
+
+              const transformedData = this.transformData(data);
+
+              return (
+                <React.Fragment>
+                  <SegmentedControl onChange={this.updateSelectedChart}>
+                    <SegmentedControlItem
+                      value={CHART_TYPES.Radar}
+                      label="Radar chart"
+                    />
+                    <SegmentedControlItem
+                      value={CHART_TYPES.Treemap}
+                      label="Treemap chart"
+                    />
+                  </SegmentedControl>
+                  {selectedChart === CHART_TYPES.Radar ? (
+                    <RadarChart
+                      width={width}
+                      height={height}
+                      data={transformedData}
+                    >
+                      <PolarGrid />
+                      <PolarAngleAxis dataKey="name" />
+                      <PolarRadiusAxis tickFormatter={this.formatTick} />
+                      <Radar
+                        dataKey="value"
+                        stroke={stroke || '#51C9B7'}
+                        fill={fill || '#51C9B7'}
+                        fillOpacity={0.6}
+                      />
+                    </RadarChart>
+                  ) : (
+                    <Treemap
+                      width={width}
+                      height={height}
+                      data={transformedData}
+                      dataKey="value"
+                      ratio={4 / 3}
+                      stroke={stroke || '#000000'}
+                      fill={fill || '#51C9B7'}
+                    />
+                  )}
+                </React.Fragment>
+              );
+            }}
+          </NrqlQuery>
+        )}
+      </AutoSizer>
+    );
+  }
+}
+
+const EmptyState = () => (
+  <Card className="EmptyState">
+    <CardBody className="EmptyState-cardBody">
+      <HeadingText
+        spacingType={[HeadingText.SPACING_TYPE.LARGE]}
+        type={HeadingText.TYPE.HEADING_3}
+      >
+        Please provide at least one NRQL query & account ID pair
+      </HeadingText>
+      <HeadingText
+        spacingType={[HeadingText.SPACING_TYPE.MEDIUM]}
+        type={HeadingText.TYPE.HEADING_4}
+      >
+        An example NRQL query you can try is:
+      </HeadingText>
+      <code>FROM NrUsage SELECT sum(usage) FACET metric SINCE 1 week ago</code>
+    </CardBody>
+  </Card>
+);
+
+const ErrorState = () => (
+  <Card className="ErrorState">
+    <CardBody className="ErrorState-cardBody">
+      <HeadingText
+        className="ErrorState-headingText"
+        spacingType={[HeadingText.SPACING_TYPE.LARGE]}
+        type={HeadingText.TYPE.HEADING_3}
+      >
+        Oops! Something went wrong.
+      </HeadingText>
+    </CardBody>
+  </Card>
+);
+```
+
+```js fileName=visualizations/radar-or-treemap/nr1.json
+{
+  "schemaType": "VISUALIZATION",
+  "id": "radar-or-treemap",
+  "displayName": "RadarOrTreemap",
+  "description": "",
+  "configuration": [
+    {
+      "name": "nrqlQueries",
+      "title": "NRQL Queries",
+      "type": "collection",
+      "items": [
+        {
+          "name": "accountId",
+          "title": "Account ID",
+          "description": "Account ID to be associated with the query",
+          "type": "account-id"
+        },
+        {
+          "name": "query",
+          "title": "Query",
+          "description": "NRQL query for visualization",
+          "type": "nrql"
+        }
+      ]
+    },
+    {
+      "name": "fill",
+      "title": "Fill color",
+      "description": "A fill color to override the default fill color",
+      "type": "string"
+    },
+    {
+      "name": "stroke",
+      "title": "Stroke color",
+      "description": "A stroke color to override the default stroke color",
+      "type": "string"
+    }
+  ]
+}
+```
+
+## Adicione uma nova opção de configuração [#new-config]
+
+<Steps>
+  <Step>
+    No arquivo _nr1.json_ da sua visualização, adicione um objeto de configuração `enum` para `selectedChart`:
+
+    ```js fileName=visualizations/radar-or-treemap/nr1.json
+    {
+      "schemaType": "VISUALIZATION",
+      "id": "radar-or-treemap",
+      "displayName": "RadarOrTreemap",
+      "description": "",
+      "configuration": [
+        {
+          "name": "selectedChart",
+          "title": "Select chart",
+          "description": "Select which chart to display",
+          "type": "enum",
+          "items": [
+            {
+              "title": "Radar",
+              "value": "radar"
+            },
+            {
+              "title": "Treemap",
+              "value": "treemap"
+            }
+          ]
+        },
+        {
+          "name": "nrqlQueries",
+          "title": "NRQL Queries",
+          "type": "collection",
+          "items": [
+            {
+              "name": "accountId",
+              "title": "Account ID",
+              "description": "Account ID to be associated with the query",
+              "type": "account-id"
+            },
+            {
+              "name": "query",
+              "title": "Query",
+              "description": "NRQL query for visualization",
+              "type": "nrql"
+            }
+          ]
+        },
+        {
+          "name": "fill",
+          "title": "Fill color",
+          "description": "A fill color to override the default fill color",
+          "type": "string"
+        },
+        {
+          "name": "stroke",
+          "title": "Stroke color",
+          "description": "A stroke color to override the default stroke color",
+          "type": "string"
+        }
+      ]
+    }
+    ```
+  </Step>
+
+  <Step>
+    Navegue até a raiz do seu Nerdpack em _alternate-viz_.
+  </Step>
+
+  <Step>
+    [Sirva seu Nerdpack localmente](/build-apps/publish-deploy/serve/):
+
+    ```bash
+    nr1 nerdpack:serve
+    ```
+
+    Se você ainda estiver veiculando seu Nerdpack da última lição, será necessário interrompê-lo com `CTRL-X` e exibi-lo novamente para refletir as alterações em _nr1.json_.
+  </Step>
+
+  <Step>
+    Vá para [https://one.newrelic.com/?nerdpacks=local](https://one.newrelic.com/?nerdpacks=local). A string de consulta `nerdpacks=local` direciona a interface para carregar sua visualização do servidor local.
+  </Step>
+
+  <Step>
+    Abra a página **Apps** .
+  </Step>
+
+  <Step>
+    Vá para **Custom Visualizations**.
+  </Step>
+
+  <Step>
+    Em **Custom Visualizations**, encontre e clique na sua visualização.
+  </Step>
+
+  <Step>
+    Observe a nova opção do configuração **Select chart**.
+
+    A seleção de um tipo de gráfico não afeta sua visualização. Isso ocorre porque primeiro você precisa introduzir a propriedade `selectedChart` no componente de visualização. Em seguida, você usa `selectedChart` para determinar o tipo de gráfico a ser renderizado.
+  </Step>
+</Steps>
+
+## Substitua seu `SegmentedControl` pela propriedade configurável [#replace]
+
+<Steps>
+  <Step>
+    Abra o arquivo _index.js_ da sua visualização. Você trabalhará aqui durante o restante do guia.
+  </Step>
+
+  <Step>
+    Em `render()`, inclua `selectedChart` como uma constante obtida da desestruturação `props` e remova `state` do seu componente:
+
+    ```js fileName=visualizations/radar-or-treemap/index.js
+    import React from 'react';
+    import PropTypes from 'prop-types';
+    import {
+      Radar,
+      RadarChart,
+      PolarGrid,
+      PolarAngleAxis,
+      PolarRadiusAxis,
+      Treemap,
+    } from 'recharts';
+    import {
+      AutoSizer,
+      Card,
+      CardBody,
+      HeadingText,
+      NrqlQuery,
+      SegmentedControl,
+      SegmentedControlItem,
+      Spinner,
+    } from 'nr1';
+
+    const CHART_TYPES = {
+      Radar: 'radar',
+      Treemap: 'treemap',
+    };
+
+    export default class RadarOrTreemapVisualization extends React.Component {
+      // Custom props you wish to be configurable in the UI must also be defined in
+      // the nr1.json file for the visualization. See docs for more details.
+      static propTypes = {
+        /**
+         * A fill color to override the default fill color. This is an example of
+         * a custom chart configuration.
+         */
+        fill: PropTypes.string,
+
+        /**
+         * A stroke color to override the default stroke color. This is an example of
+         * a custom chart configuration.
+         */
+        stroke: PropTypes.string,
+        /**
+         * An array of objects consisting of a nrql `query` and `accountId`.
+         * This should be a standard prop for any NRQL based visualizations.
+         */
+        nrqlQueries: PropTypes.arrayOf(
+          PropTypes.shape({
+            accountId: PropTypes.number,
+            query: PropTypes.string,
+          })
+        ),
+      };
+
+      /**
+       * Restructure the data for a non-time-series, facet-based NRQL query into a
+       * form accepted by the Recharts library's RadarChart.
+       * (https://recharts.org/api/RadarChart).
+       */
+      transformData = (rawData) => {
+        return rawData.map((entry) => ({
+          name: entry.metadata.name,
+          // Only grabbing the first data value because this is not time-series data.
+          value: entry.data[0].y,
+        }));
+      };
+
+      /**
+       * Format the given axis tick's numeric value into a string for display.
+       */
+      formatTick = (value) => {
+        return value.toLocaleString();
+      };
+
+      render() {
+        const { nrqlQueries, stroke, fill, selectedChart } = this.props;
+
+        const nrqlQueryPropsAvailable =
+          nrqlQueries &&
+          nrqlQueries[0] &&
+          nrqlQueries[0].accountId &&
+          nrqlQueries[0].query;
+
+        if (!nrqlQueryPropsAvailable) {
+          return <EmptyState />;
+        }
+
+        return (
+          <AutoSizer>
+            {({ width, height }) => (
+              <NrqlQuery
+                query={nrqlQueries[0].query}
+                accountId={parseInt(nrqlQueries[0].accountId)}
+                pollInterval={NrqlQuery.AUTO_POLL_INTERVAL}
+              >
+                {({ data, loading, error }) => {
+                  if (loading) {
+                    return <Spinner />;
+                  }
+
+                  if (error) {
+                    return <ErrorState />;
+                  }
+
+                  const transformedData = this.transformData(data);
+
+                  return (
+                    <React.Fragment>
+                      <SegmentedControl>
+                        <SegmentedControlItem
+                          value={CHART_TYPES.Radar}
+                          label="Radar chart"
+                        />
+                        <SegmentedControlItem
+                          value={CHART_TYPES.Treemap}
+                          label="Treemap chart"
+                        />
+                      </SegmentedControl>
+                      {selectedChart === CHART_TYPES.Radar ? (
+                        <RadarChart
+                          width={width}
+                          height={height}
+                          data={transformedData}
+                        >
+                          <PolarGrid />
+                          <PolarAngleAxis dataKey="name" />
+                          <PolarRadiusAxis tickFormatter={this.formatTick} />
+                          <Radar
+                            dataKey="value"
+                            stroke={stroke || '#51C9B7'}
+                            fill={fill || '#51C9B7'}
+                            fillOpacity={0.6}
+                          />
+                        </RadarChart>
+                      ) : (
+                        <Treemap
+                          width={width}
+                          height={height}
+                          data={transformedData}
+                          dataKey="value"
+                          ratio={4 / 3}
+                          stroke={stroke || '#000000'}
+                          fill={fill || '#51C9B7'}
+                        />
+                      )}
+                    </React.Fragment>
+                  );
+                }}
+              </NrqlQuery>
+            )}
+          </AutoSizer>
+        );
+      }
+    }
+
+    const EmptyState = () => (
+      <Card className="EmptyState">
+        <CardBody className="EmptyState-cardBody">
+          <HeadingText
+            spacingType={[HeadingText.SPACING_TYPE.LARGE]}
+            type={HeadingText.TYPE.HEADING_3}
+          >
+            Please provide at least one NRQL query & account ID pair
+          </HeadingText>
+          <HeadingText
+            spacingType={[HeadingText.SPACING_TYPE.MEDIUM]}
+            type={HeadingText.TYPE.HEADING_4}
+          >
+            An example NRQL query you can try is:
+          </HeadingText>
+          <code>FROM NrUsage SELECT sum(usage) FACET metric SINCE 1 week ago</code>
+        </CardBody>
+      </Card>
+    );
+
+    const ErrorState = () => (
+      <Card className="ErrorState">
+        <CardBody className="ErrorState-cardBody">
+          <HeadingText
+            className="ErrorState-headingText"
+            spacingType={[HeadingText.SPACING_TYPE.LARGE]}
+            type={HeadingText.TYPE.HEADING_3}
+          >
+            Oops! Something went wrong.
+          </HeadingText>
+        </CardBody>
+      </Card>
+    );
+    ```
+
+    Agora que você está usando `selectedChart` nas opções de configuração em vez do componente `state`, você pode selecionar um gráfico no painel de configuração e observar a mudança na visualização. Infelizmente, há um bug. A opção de gráfico padrão é **Radar**, mas a renderização inicial mostra um Treemap.
+  </Step>
+
+  <Step>
+    Atualize sua expressão ternária para levar em conta o caso em que não há `selectedChart`:
+
+    ```js fileName=visualizations/radar-or-treemap/index.js
+    import React from 'react';
+    import PropTypes from 'prop-types';
+    import {
+      Radar,
+      RadarChart,
+      PolarGrid,
+      PolarAngleAxis,
+      PolarRadiusAxis,
+      Treemap,
+    } from 'recharts';
+    import {
+      AutoSizer,
+      Card,
+      CardBody,
+      HeadingText,
+      NrqlQuery,
+      SegmentedControl,
+      SegmentedControlItem,
+      Spinner,
+    } from 'nr1';
+
+    const CHART_TYPES = {
+      Radar: 'radar',
+      Treemap: 'treemap',
+    };
+
+    export default class RadarOrTreemapVisualization extends React.Component {
+      // Custom props you wish to be configurable in the UI must also be defined in
+      // the nr1.json file for the visualization. See docs for more details.
+      static propTypes = {
+        /**
+         * A fill color to override the default fill color. This is an example of
+         * a custom chart configuration.
+         */
+        fill: PropTypes.string,
+
+        /**
+         * A stroke color to override the default stroke color. This is an example of
+         * a custom chart configuration.
+         */
+        stroke: PropTypes.string,
+        /**
+         * An array of objects consisting of a nrql `query` and `accountId`.
+         * This should be a standard prop for any NRQL based visualizations.
+         */
+        nrqlQueries: PropTypes.arrayOf(
+          PropTypes.shape({
+            accountId: PropTypes.number,
+            query: PropTypes.string,
+          })
+        ),
+      };
+
+      /**
+       * Restructure the data for a non-time-series, facet-based NRQL query into a
+       * form accepted by the Recharts library's RadarChart.
+       * (https://recharts.org/api/RadarChart).
+       */
+      transformData = (rawData) => {
+        return rawData.map((entry) => ({
+          name: entry.metadata.name,
+          // Only grabbing the first data value because this is not time-series data.
+          value: entry.data[0].y,
+        }));
+      };
+
+      /**
+       * Format the given axis tick's numeric value into a string for display.
+       */
+      formatTick = (value) => {
+        return value.toLocaleString();
+      };
+
+      render() {
+        const { nrqlQueries, stroke, fill, selectedChart } = this.props;
+
+        const nrqlQueryPropsAvailable =
+          nrqlQueries &&
+          nrqlQueries[0] &&
+          nrqlQueries[0].accountId &&
+          nrqlQueries[0].query;
+
+        if (!nrqlQueryPropsAvailable) {
+          return <EmptyState />;
+        }
+
+        return (
+          <AutoSizer>
+            {({ width, height }) => (
+              <NrqlQuery
+                query={nrqlQueries[0].query}
+                accountId={parseInt(nrqlQueries[0].accountId)}
+                pollInterval={NrqlQuery.AUTO_POLL_INTERVAL}
+              >
+                {({ data, loading, error }) => {
+                  if (loading) {
+                    return <Spinner />;
+                  }
+
+                  if (error) {
+                    return <ErrorState />;
+                  }
+
+                  const transformedData = this.transformData(data);
+
+                  return (
+                    <React.Fragment>
+                      <SegmentedControl>
+                        <SegmentedControlItem
+                          value={CHART_TYPES.Radar}
+                          label="Radar chart"
+                        />
+                        <SegmentedControlItem
+                          value={CHART_TYPES.Treemap}
+                          label="Treemap chart"
+                        />
+                      </SegmentedControl>
+                      {!selectedChart || selectedChart === CHART_TYPES.Radar ? (
+                        <RadarChart
+                          width={width}
+                          height={height}
+                          data={transformedData}
+                        >
+                          <PolarGrid />
+                          <PolarAngleAxis dataKey="name" />
+                          <PolarRadiusAxis tickFormatter={this.formatTick} />
+                          <Radar
+                            dataKey="value"
+                            stroke={stroke || '#51C9B7'}
+                            fill={fill || '#51C9B7'}
+                            fillOpacity={0.6}
+                          />
+                        </RadarChart>
+                      ) : (
+                        <Treemap
+                          width={width}
+                          height={height}
+                          data={transformedData}
+                          dataKey="value"
+                          ratio={4 / 3}
+                          stroke={stroke || '#000000'}
+                          fill={fill || '#51C9B7'}
+                        />
+                      )}
+                    </React.Fragment>
+                  );
+                }}
+              </NrqlQuery>
+            )}
+          </AutoSizer>
+        );
+      }
+    }
+
+    const EmptyState = () => (
+      <Card className="EmptyState">
+        <CardBody className="EmptyState-cardBody">
+          <HeadingText
+            spacingType={[HeadingText.SPACING_TYPE.LARGE]}
+            type={HeadingText.TYPE.HEADING_3}
+          >
+            Please provide at least one NRQL query & account ID pair
+          </HeadingText>
+          <HeadingText
+            spacingType={[HeadingText.SPACING_TYPE.MEDIUM]}
+            type={HeadingText.TYPE.HEADING_4}
+          >
+            An example NRQL query you can try is:
+          </HeadingText>
+          <code>FROM NrUsage SELECT sum(usage) FACET metric SINCE 1 week ago</code>
+        </CardBody>
+      </Card>
+    );
+
+    const ErrorState = () => (
+      <Card className="ErrorState">
+        <CardBody className="ErrorState-cardBody">
+          <HeadingText
+            className="ErrorState-headingText"
+            spacingType={[HeadingText.SPACING_TYPE.LARGE]}
+            type={HeadingText.TYPE.HEADING_3}
+          >
+            Oops! Something went wrong.
+          </HeadingText>
+        </CardBody>
+      </Card>
+    );
+    ```
+
+    Agora, seus dados serão renderizados em `RadarChart` caso você ainda não tenha configurado a opção.
+  </Step>
+
+  <Step>
+    Remover `SegmentedControl` de `render()`:
+
+    ```js fileName=visualizations/radar-or-treemap/index.js
+    import React from 'react';
+    import PropTypes from 'prop-types';
+    import {
+      Radar,
+      RadarChart,
+      PolarGrid,
+      PolarAngleAxis,
+      PolarRadiusAxis,
+      Treemap,
+    } from 'recharts';
+    import {
+      AutoSizer,
+      Card,
+      CardBody,
+      HeadingText,
+      NrqlQuery,
+      Spinner,
+    } from 'nr1';
+
+    const CHART_TYPES = {
+      Radar: 'radar',
+      Treemap: 'treemap',
+    };
+
+    export default class RadarOrTreemapVisualization extends React.Component {
+      // Custom props you wish to be configurable in the UI must also be defined in
+      // the nr1.json file for the visualization. See docs for more details.
+      static propTypes = {
+        /**
+         * A fill color to override the default fill color. This is an example of
+         * a custom chart configuration.
+         */
+        fill: PropTypes.string,
+
+        /**
+         * A stroke color to override the default stroke color. This is an example of
+         * a custom chart configuration.
+         */
+        stroke: PropTypes.string,
+        /**
+         * An array of objects consisting of a nrql `query` and `accountId`.
+         * This should be a standard prop for any NRQL based visualizations.
+         */
+        nrqlQueries: PropTypes.arrayOf(
+          PropTypes.shape({
+            accountId: PropTypes.number,
+            query: PropTypes.string,
+          })
+        ),
+      };
+
+      /**
+       * Restructure the data for a non-time-series, facet-based NRQL query into a
+       * form accepted by the Recharts library's RadarChart.
+       * (https://recharts.org/api/RadarChart).
+       */
+      transformData = (rawData) => {
+        return rawData.map((entry) => ({
+          name: entry.metadata.name,
+          // Only grabbing the first data value because this is not time-series data.
+          value: entry.data[0].y,
+        }));
+      };
+
+      /**
+       * Format the given axis tick's numeric value into a string for display.
+       */
+      formatTick = (value) => {
+        return value.toLocaleString();
+      };
+
+      render() {
+        const { nrqlQueries, stroke, fill, selectedChart } = this.props;
+
+        const nrqlQueryPropsAvailable =
+          nrqlQueries &&
+          nrqlQueries[0] &&
+          nrqlQueries[0].accountId &&
+          nrqlQueries[0].query;
+
+        if (!nrqlQueryPropsAvailable) {
+          return <EmptyState />;
+        }
+
+        return (
+          <AutoSizer>
+            {({ width, height }) => (
+              <NrqlQuery
+                query={nrqlQueries[0].query}
+                accountId={parseInt(nrqlQueries[0].accountId)}
+                pollInterval={NrqlQuery.AUTO_POLL_INTERVAL}
+              >
+                {({ data, loading, error }) => {
+                  if (loading) {
+                    return <Spinner />;
+                  }
+
+                  if (error) {
+                    return <ErrorState />;
+                  }
+
+                  const transformedData = this.transformData(data);
+
+                  return (
+                    <React.Fragment>
+                      {!selectedChart || selectedChart === CHART_TYPES.Radar ? (
+                        <RadarChart
+                          width={width}
+                          height={height}
+                          data={transformedData}
+                        >
+                          <PolarGrid />
+                          <PolarAngleAxis dataKey="name" />
+                          <PolarRadiusAxis tickFormatter={this.formatTick} />
+                          <Radar
+                            dataKey="value"
+                            stroke={stroke || '#51C9B7'}
+                            fill={fill || '#51C9B7'}
+                            fillOpacity={0.6}
+                          />
+                        </RadarChart>
+                      ) : (
+                        <Treemap
+                          width={width}
+                          height={height}
+                          data={transformedData}
+                          dataKey="value"
+                          ratio={4 / 3}
+                          stroke={stroke || '#000000'}
+                          fill={fill || '#51C9B7'}
+                        />
+                      )}
+                    </React.Fragment>
+                  );
+                }}
+              </NrqlQuery>
+            )}
+          </AutoSizer>
+        );
+      }
+    }
+
+    const EmptyState = () => (
+      <Card className="EmptyState">
+        <CardBody className="EmptyState-cardBody">
+          <HeadingText
+            spacingType={[HeadingText.SPACING_TYPE.LARGE]}
+            type={HeadingText.TYPE.HEADING_3}
+          >
+            Please provide at least one NRQL query & account ID pair
+          </HeadingText>
+          <HeadingText
+            spacingType={[HeadingText.SPACING_TYPE.MEDIUM]}
+            type={HeadingText.TYPE.HEADING_4}
+          >
+            An example NRQL query you can try is:
+          </HeadingText>
+          <code>FROM NrUsage SELECT sum(usage) FACET metric SINCE 1 week ago</code>
+        </CardBody>
+      </Card>
+    );
+
+    const ErrorState = () => (
+      <Card className="ErrorState">
+        <CardBody className="ErrorState-cardBody">
+          <HeadingText
+            className="ErrorState-headingText"
+            spacingType={[HeadingText.SPACING_TYPE.LARGE]}
+            type={HeadingText.TYPE.HEADING_3}
+          >
+            Oops! Something went wrong.
+          </HeadingText>
+        </CardBody>
+      </Card>
+    );
+    ```
+  </Step>
+
+  <Step>
+    Sirva seu Nerdpack localmente e visualize-o no aplicativo **Custom Visualizations** no New Relic. Selecione um tipo de gráfico no dropdown na barra lateral de configuração e veja sua atualização de visualização para mostrar o tipo de gráfico correspondente.
+  </Step>
+</Steps>
+
+## Resumo [#summary]
+
+Parabéns por concluir esta lição! Você aprendeu como personalizar sua visualização usando a configuração _nr1.json_ .
+
+<Callout variant="course">
+  Esta lição faz parte de um curso que ensina como construir uma visualização personalizada na plataforma New Relic. Quando estiver pronto, passe para a próxima lição: [Adicione visualizações personalizadas aos seus painéis](/docs/new-relic-solutions/tutorials/add-visualization-dashboard).
+</Callout>
\ No newline at end of file
diff --git a/src/i18n/content/pt/docs/new-relic-solutions/tutorials/custom-visualization-sdk.mdx b/src/i18n/content/pt/docs/new-relic-solutions/tutorials/custom-visualization-sdk.mdx
new file mode 100644
index 00000000000..551b93ee1f7
--- /dev/null
+++ b/src/i18n/content/pt/docs/new-relic-solutions/tutorials/custom-visualization-sdk.mdx
@@ -0,0 +1,2171 @@
+---
+title: Personalize sua visualização com componentes SDK
+metaDescription: Customize your visualization with the NR SDK components.
+freshnessValidatedDate: never
+translationType: machine
+---
+
+<Callout variant="tip">
+  Esta lição faz parte de um curso que ensina como construir uma visualização personalizada na plataforma New Relic.
+</Callout>
+
+Use as visualizações personalizadas da New Relic para exibir seus dados, sejam eles do banco de dados da New Relic ou de uma fonte externa, de maneiras exclusivas e distintas dos gráficos oferecidos pela plataforma New Relic.
+
+Nesta lição, você criará uma visualização que exibe seus dados em um dos dois tipos de gráfico: [`RadarChart`](https://recharts.org/en-US/api/RadarChart) ou [`Treemap`](https://recharts.org/en-US/api/Treemap). Em seguida, você implementa um componente `SegmentedControl` do SDK do New Relic One, que permite alternar entre os dois tipos de gráfico. Em última análise, isso lhe dá liberdade para visualizar seus dados de uma forma dinâmica que não é possível com as ofertas básicas da New Relic.
+
+<Callout variant="tip">
+  Se você se perder no projeto de código e quiser ver como os arquivos devem ficar quando terminar cada lição, verifique o [projeto do curso](https://github.com/newrelic/nru-custom-visualization-course) no Github.
+</Callout>
+
+## Antes de você começar [#begin]
+
+Finalmente, se ainda não o fez:
+
+* Cadastre-se para uma [conta New Relic](https://newrelic.com/signup?utm_source=developer-site)
+* Instale [o Node.js.](https://nodejs.org/en/download/)
+* Conclua as etapas do [início rápido`nr1` ](https://one.newrelic.com/launcher/developer-center.launcher?pane=eyJuZXJkbGV0SWQiOiJkZXZlbG9wZXItY2VudGVyLmRldmVsb3Blci1jZW50ZXIifQ==)para instalar e configurar a CLI
+
+## Crie sua visualização [#create-visualization]
+
+<Steps>
+  <Step>
+    Certifique-se de estar trabalhando com a versão mais recente da CLI do New Relic:
+
+    ```bash
+    nr1 update
+    ```
+  </Step>
+
+  <Step>
+    Crie uma visualização, chamada `radar-or-treemap`, em um Nerdpack, chamado `alternate-viz`:
+
+    ```bash animate
+    nr1 create --type visualization --name radar-or-treemap
+    [output] {success}✔ {plain}You’re trying to create a visualization outside of a Nerdpack.  We’ll create a Nerdpack for you—what do you want to name it? … alternate-viz
+    [output]
+    [output] {success}✔  {plain}nerdpack created successfully!
+    [output]    {purple}nerdpack {blue}alternate-viz {plain}is available at {green}"./alternate-viz"
+    [output]
+    [output] {success}✔  {plain}visualization created successfully!
+    [output]    {purple}visualization {blue}radar-or-treemap {plain}is available at {green}"./alternate-viz/visualizations/radar-or-treemap"
+    ```
+
+    <Callout variant="tip">
+      Se você receber um `RequestError` para um certificado autoassinado ao executar `nr1 create`, talvez seja necessário adicionar um certificado à cadeia de certificados do Node.
+    </Callout>
+
+    Como resultado, você tem um novo diretório `visualizations/radar-or-treemap` em `alternate-viz`:
+
+    ```bash
+    cd alternate-viz
+    ls visualizations/radar-or-treemap
+    [output] index.js    nr1.json    styles.scss
+    ```
+  </Step>
+</Steps>
+
+```js fileName=visualizations/radar-or-treemap/index.js
+import React from 'react';
+import PropTypes from 'prop-types';
+import {
+  Radar,
+  RadarChart,
+  PolarGrid,
+  PolarAngleAxis,
+  PolarRadiusAxis,
+} from 'recharts';
+import {Card, CardBody, HeadingText, NrqlQuery, Spinner, AutoSizer} from 'nr1';
+
+export default class RadarOrTreemapVisualization extends React.Component {
+  // Custom props you wish to be configurable in the UI must also be defined in
+  // the nr1.json file for the visualization. See docs for more details.
+  static propTypes = {
+    /**
+     * A fill color to override the default fill color. This is an example of
+     * a custom chart configuration.
+     */
+    fill: PropTypes.string,
+
+    /**
+     * A stroke color to override the default stroke color. This is an example of
+     * a custom chart configuration.
+     */
+    stroke: PropTypes.string,
+    /**
+     * An array of objects consisting of a nrql `query` and `accountId`.
+     * This should be a standard prop for any NRQL based visualizations.
+     */
+    nrqlQueries: PropTypes.arrayOf(
+      PropTypes.shape({
+        accountId: PropTypes.number,
+        query: PropTypes.string,
+      })
+    ),
+  };
+
+  /**
+   * Restructure the data for a non-time-series, facet-based NRQL query into a
+   * form accepted by the Recharts library's RadarChart.
+   * (https://recharts.org/api/RadarChart).
+   */
+  transformData = (rawData) => {
+    return rawData.map((entry) => ({
+      name: entry.metadata.name,
+      // Only grabbing the first data value because this is not time-series data.
+      value: entry.data[0].y,
+    }));
+  };
+
+  /**
+   * Format the given axis tick's numeric value into a string for display.
+   */
+  formatTick = (value) => {
+    return value.toLocaleString();
+  };
+
+  render() {
+    const {nrqlQueries, stroke, fill} = this.props;
+
+    const nrqlQueryPropsAvailable =
+      nrqlQueries &&
+      nrqlQueries[0] &&
+      nrqlQueries[0].accountId &&
+      nrqlQueries[0].query;
+
+    if (!nrqlQueryPropsAvailable) {
+      return <EmptyState />;
+    }
+
+    return (
+      <AutoSizer>
+        {({width, height}) => (
+          <NrqlQuery
+            query={nrqlQueries[0].query}
+            accountId={parseInt(nrqlQueries[0].accountId)}
+            pollInterval={NrqlQuery.AUTO_POLL_INTERVAL}
+          >
+            {({data, loading, error}) => {
+              if (loading) {
+                return <Spinner />;
+              }
+
+              if (error) {
+                return <ErrorState />;
+              }
+
+              const transformedData = this.transformData(data);
+
+              return (
+                <RadarChart
+                  width={width}
+                  height={height}
+                  data={transformedData}
+                >
+                  <PolarGrid />
+                  <PolarAngleAxis dataKey="name" />
+                  <PolarRadiusAxis tickFormatter={this.formatTick} />
+                  <Radar
+                    dataKey="value"
+                    stroke={stroke || '#51C9B7'}
+                    fill={fill || '#51C9B7'}
+                    fillOpacity={0.6}
+                  />
+                </RadarChart>
+              );
+            }}
+          </NrqlQuery>
+        )}
+      </AutoSizer>
+    );
+  }
+}
+
+const EmptyState = () => (
+  <Card className="EmptyState">
+    <CardBody className="EmptyState-cardBody">
+      <HeadingText
+        spacingType={[HeadingText.SPACING_TYPE.LARGE]}
+        type={HeadingText.TYPE.HEADING_3}
+      >
+        Please provide at least one NRQL query & account ID pair
+      </HeadingText>
+      <HeadingText
+        spacingType={[HeadingText.SPACING_TYPE.MEDIUM]}
+        type={HeadingText.TYPE.HEADING_4}
+      >
+        An example NRQL query you can try is:
+      </HeadingText>
+      <code>FROM NrUsage SELECT sum(usage) FACET metric SINCE 1 week ago</code>
+    </CardBody>
+  </Card>
+);
+
+const ErrorState = () => (
+  <Card className="ErrorState">
+    <CardBody className="ErrorState-cardBody">
+      <HeadingText
+        className="ErrorState-headingText"
+        spacingType={[HeadingText.SPACING_TYPE.LARGE]}
+        type={HeadingText.TYPE.HEADING_3}
+      >
+        Oops! Something went wrong.
+      </HeadingText>
+    </CardBody>
+  </Card>
+);
+```
+
+## Configure o estado do seu componente [#set-component]
+
+Adicione o estado do componente ao modelo de visualização padrão que `nr1` criou para você.
+
+<Steps>
+  <Step>
+    Navegue até `alternate-viz/visualizations/radar-or-treemap/index.js`. Você trabalhará aqui pelo resto desta lição.
+  </Step>
+
+  <Step>
+    Adicione uma constante chamada `CHART_TYPES`:
+
+    ```js fileName=visualizations/radar-or-treemap/index.js
+    import React from 'react';
+    import PropTypes from 'prop-types';
+    import {
+      Radar,
+      RadarChart,
+      PolarGrid,
+      PolarAngleAxis,
+      PolarRadiusAxis,
+    } from 'recharts';
+    import {Card, CardBody, HeadingText, NrqlQuery, Spinner, AutoSizer} from 'nr1';
+
+    const CHART_TYPES = {
+      'Radar': 'radar',
+      'Treemap': 'treemap'
+    }
+
+    export default class RadarOrTreemapVisualization extends React.Component {
+      // Custom props you wish to be configurable in the UI must also be defined in
+      // the nr1.json file for the visualization. See docs for more details.
+      static propTypes = {
+        /**
+         * A fill color to override the default fill color. This is an example of
+         * a custom chart configuration.
+         */
+        fill: PropTypes.string,
+
+        /**
+         * A stroke color to override the default stroke color. This is an example of
+         * a custom chart configuration.
+         */
+        stroke: PropTypes.string,
+        /**
+         * An array of objects consisting of a nrql `query` and `accountId`.
+         * This should be a standard prop for any NRQL based visualizations.
+         */
+        nrqlQueries: PropTypes.arrayOf(
+          PropTypes.shape({
+            accountId: PropTypes.number,
+            query: PropTypes.string,
+          })
+        ),
+      };
+
+      /**
+       * Restructure the data for a non-time-series, facet-based NRQL query into a
+       * form accepted by the Recharts library's RadarChart.
+       * (https://recharts.org/api/RadarChart).
+       */
+      transformData = (rawData) => {
+        return rawData.map((entry) => ({
+          name: entry.metadata.name,
+          // Only grabbing the first data value because this is not time-series data.
+          value: entry.data[0].y,
+        }));
+      };
+
+      /**
+       * Format the given axis tick's numeric value into a string for display.
+       */
+      formatTick = (value) => {
+        return value.toLocaleString();
+      };
+
+      render() {
+        const {nrqlQueries, stroke, fill} = this.props;
+
+        const nrqlQueryPropsAvailable =
+          nrqlQueries &&
+          nrqlQueries[0] &&
+          nrqlQueries[0].accountId &&
+          nrqlQueries[0].query;
+
+        if (!nrqlQueryPropsAvailable) {
+          return <EmptyState />;
+        }
+
+        return (
+          <AutoSizer>
+            {({width, height}) => (
+              <NrqlQuery
+                query={nrqlQueries[0].query}
+                accountId={parseInt(nrqlQueries[0].accountId)}
+                pollInterval={NrqlQuery.AUTO_POLL_INTERVAL}
+              >
+                {({data, loading, error}) => {
+                  if (loading) {
+                    return <Spinner />;
+                  }
+
+                  if (error) {
+                    return <ErrorState />;
+                  }
+
+                  const transformedData = this.transformData(data);
+
+                  return (
+                    <RadarChart
+                      width={width}
+                      height={height}
+                      data={transformedData}
+                    >
+                      <PolarGrid />
+                      <PolarAngleAxis dataKey="name" />
+                      <PolarRadiusAxis tickFormatter={this.formatTick} />
+                      <Radar
+                        dataKey="value"
+                        stroke={stroke || '#51C9B7'}
+                        fill={fill || '#51C9B7'}
+                        fillOpacity={0.6}
+                      />
+                    </RadarChart>
+                  );
+                }}
+              </NrqlQuery>
+            )}
+          </AutoSizer>
+        );
+      }
+    }
+
+    const EmptyState = () => (
+      <Card className="EmptyState">
+        <CardBody className="EmptyState-cardBody">
+          <HeadingText
+            spacingType={[HeadingText.SPACING_TYPE.LARGE]}
+            type={HeadingText.TYPE.HEADING_3}
+          >
+            Please provide at least one NRQL query & account ID pair
+          </HeadingText>
+          <HeadingText
+            spacingType={[HeadingText.SPACING_TYPE.MEDIUM]}
+            type={HeadingText.TYPE.HEADING_4}
+          >
+            An example NRQL query you can try is:
+          </HeadingText>
+          <code>FROM NrUsage SELECT sum(usage) FACET metric SINCE 1 week ago</code>
+        </CardBody>
+      </Card>
+    );
+
+    const ErrorState = () => (
+      <Card className="ErrorState">
+        <CardBody className="ErrorState-cardBody">
+          <HeadingText
+            className="ErrorState-headingText"
+            spacingType={[HeadingText.SPACING_TYPE.LARGE]}
+            type={HeadingText.TYPE.HEADING_3}
+          >
+            Oops! Something went wrong.
+          </HeadingText>
+        </CardBody>
+      </Card>
+    );
+    ```
+
+    `CHART_TYPES` enumera os dois tipos de gráfico entre os quais você alternará em sua visualização.
+  </Step>
+
+  <Step>
+    Inicialize `selectedChart` no `state` do seu componente:
+
+    ```js fileName=visualizations/radar-or-treemap/index.js
+    import React from 'react';
+    import PropTypes from 'prop-types';
+    import {
+      Radar,
+      RadarChart,
+      PolarGrid,
+      PolarAngleAxis,
+      PolarRadiusAxis,
+    } from 'recharts';
+    import {Card, CardBody, HeadingText, NrqlQuery, Spinner, AutoSizer} from 'nr1';
+
+    const CHART_TYPES = {
+      'Radar': 'radar',
+      'Treemap': 'treemap'
+    }
+
+    export default class RadarOrTreemapVisualization extends React.Component {
+      // Custom props you wish to be configurable in the UI must also be defined in
+      // the nr1.json file for the visualization. See docs for more details.
+      static propTypes = {
+        /**
+         * A fill color to override the default fill color. This is an example of
+         * a custom chart configuration.
+         */
+        fill: PropTypes.string,
+
+        /**
+         * A stroke color to override the default stroke color. This is an example of
+         * a custom chart configuration.
+         */
+        stroke: PropTypes.string,
+        /**
+         * An array of objects consisting of a nrql `query` and `accountId`.
+         * This should be a standard prop for any NRQL based visualizations.
+         */
+        nrqlQueries: PropTypes.arrayOf(
+          PropTypes.shape({
+            accountId: PropTypes.number,
+            query: PropTypes.string,
+          })
+        ),
+      };
+
+      state = {
+        selectedChart: CHART_TYPES.Radar,
+      };
+
+      /**
+       * Restructure the data for a non-time-series, facet-based NRQL query into a
+       * form accepted by the Recharts library's RadarChart.
+       * (https://recharts.org/api/RadarChart).
+       */
+      transformData = (rawData) => {
+        return rawData.map((entry) => ({
+          name: entry.metadata.name,
+          // Only grabbing the first data value because this is not time-series data.
+          value: entry.data[0].y,
+        }));
+      };
+
+      /**
+       * Format the given axis tick's numeric value into a string for display.
+       */
+      formatTick = (value) => {
+        return value.toLocaleString();
+      };
+
+      render() {
+        const {nrqlQueries, stroke, fill} = this.props;
+
+        const nrqlQueryPropsAvailable =
+          nrqlQueries &&
+          nrqlQueries[0] &&
+          nrqlQueries[0].accountId &&
+          nrqlQueries[0].query;
+
+        if (!nrqlQueryPropsAvailable) {
+          return <EmptyState />;
+        }
+
+        return (
+          <AutoSizer>
+            {({width, height}) => (
+              <NrqlQuery
+                query={nrqlQueries[0].query}
+                accountId={parseInt(nrqlQueries[0].accountId)}
+                pollInterval={NrqlQuery.AUTO_POLL_INTERVAL}
+              >
+                {({data, loading, error}) => {
+                  if (loading) {
+                    return <Spinner />;
+                  }
+
+                  if (error) {
+                    return <ErrorState />;
+                  }
+
+                  const transformedData = this.transformData(data);
+
+                  return (
+                    <RadarChart
+                      width={width}
+                      height={height}
+                      data={transformedData}
+                    >
+                      <PolarGrid />
+                      <PolarAngleAxis dataKey="name" />
+                      <PolarRadiusAxis tickFormatter={this.formatTick} />
+                      <Radar
+                        dataKey="value"
+                        stroke={stroke || '#51C9B7'}
+                        fill={fill || '#51C9B7'}
+                        fillOpacity={0.6}
+                      />
+                    </RadarChart>
+                  );
+                }}
+              </NrqlQuery>
+            )}
+          </AutoSizer>
+        );
+      }
+    }
+
+    const EmptyState = () => (
+      <Card className="EmptyState">
+        <CardBody className="EmptyState-cardBody">
+          <HeadingText
+            spacingType={[HeadingText.SPACING_TYPE.LARGE]}
+            type={HeadingText.TYPE.HEADING_3}
+          >
+            Please provide at least one NRQL query & account ID pair
+          </HeadingText>
+          <HeadingText
+            spacingType={[HeadingText.SPACING_TYPE.MEDIUM]}
+            type={HeadingText.TYPE.HEADING_4}
+          >
+            An example NRQL query you can try is:
+          </HeadingText>
+          <code>FROM NrUsage SELECT sum(usage) FACET metric SINCE 1 week ago</code>
+        </CardBody>
+      </Card>
+    );
+
+    const ErrorState = () => (
+      <Card className="ErrorState">
+        <CardBody className="ErrorState-cardBody">
+          <HeadingText
+            className="ErrorState-headingText"
+            spacingType={[HeadingText.SPACING_TYPE.LARGE]}
+            type={HeadingText.TYPE.HEADING_3}
+          >
+            Oops! Something went wrong.
+          </HeadingText>
+        </CardBody>
+      </Card>
+    );
+    ```
+
+    Este valor `state` armazena o tipo de gráfico no qual você deseja mostrar seus dados.
+
+    Agora que você criou um objeto que enumera as opções de tipo de gráfico para sua visualização e inicializou `state.selectedChart`, você está pronto para implementar uma interface de controle para alternar entre os dois tipos de gráfico.
+  </Step>
+</Steps>
+
+## Adicionar `SegmentedControl` componentes [#segmentedcontrol]
+
+`state.selectedChart` não é útil a menos que o usuário da sua visualização possa realmente selecionar um tipo de gráfico. Use `SegmentedControl` e `SegmentedControlItem` para alternar entre os dois tipos de gráfico.
+
+<Steps>
+  <Step>
+    Importe `SegmentedControl` e `SegmentedControlItem` de `nr1`:
+
+    ```js fileName=visualizations/radar-or-treemap/index.js
+    import React from 'react';
+    import PropTypes from 'prop-types';
+    import {
+      Radar,
+      RadarChart,
+      PolarGrid,
+      PolarAngleAxis,
+      PolarRadiusAxis,
+    } from 'recharts';
+    import {
+        AutoSizer,
+        Card,
+        CardBody,
+        HeadingText,
+        NrqlQuery,
+        SegmentedControl,
+        SegmentedControlItem,
+        Spinner,
+    } from 'nr1';
+
+    const CHART_TYPES = {
+      'Radar': 'radar',
+      'Treemap': 'treemap'
+    }
+
+    export default class RadarOrTreemapVisualization extends React.Component {
+      // Custom props you wish to be configurable in the UI must also be defined in
+      // the nr1.json file for the visualization. See docs for more details.
+      static propTypes = {
+        /**
+         * A fill color to override the default fill color. This is an example of
+         * a custom chart configuration.
+         */
+        fill: PropTypes.string,
+
+        /**
+         * A stroke color to override the default stroke color. This is an example of
+         * a custom chart configuration.
+         */
+        stroke: PropTypes.string,
+        /**
+         * An array of objects consisting of a nrql `query` and `accountId`.
+         * This should be a standard prop for any NRQL based visualizations.
+         */
+        nrqlQueries: PropTypes.arrayOf(
+          PropTypes.shape({
+            accountId: PropTypes.number,
+            query: PropTypes.string,
+          })
+        ),
+      };
+
+      state = {
+        selectedChart: CHART_TYPES.Radar,
+      };
+
+      /**
+       * Restructure the data for a non-time-series, facet-based NRQL query into a
+       * form accepted by the Recharts library's RadarChart.
+       * (https://recharts.org/api/RadarChart).
+       */
+      transformData = (rawData) => {
+        return rawData.map((entry) => ({
+          name: entry.metadata.name,
+          // Only grabbing the first data value because this is not time-series data.
+          value: entry.data[0].y,
+        }));
+      };
+
+      /**
+       * Format the given axis tick's numeric value into a string for display.
+       */
+      formatTick = (value) => {
+        return value.toLocaleString();
+      };
+
+      render() {
+        const {nrqlQueries, stroke, fill} = this.props;
+
+        const nrqlQueryPropsAvailable =
+          nrqlQueries &&
+          nrqlQueries[0] &&
+          nrqlQueries[0].accountId &&
+          nrqlQueries[0].query;
+
+        if (!nrqlQueryPropsAvailable) {
+          return <EmptyState />;
+        }
+
+        return (
+          <AutoSizer>
+            {({width, height}) => (
+              <NrqlQuery
+                query={nrqlQueries[0].query}
+                accountId={parseInt(nrqlQueries[0].accountId)}
+                pollInterval={NrqlQuery.AUTO_POLL_INTERVAL}
+              >
+                {({data, loading, error}) => {
+                  if (loading) {
+                    return <Spinner />;
+                  }
+
+                  if (error) {
+                    return <ErrorState />;
+                  }
+
+                  const transformedData = this.transformData(data);
+
+                  return (
+                    <RadarChart
+                      width={width}
+                      height={height}
+                      data={transformedData}
+                    >
+                      <PolarGrid />
+                      <PolarAngleAxis dataKey="name" />
+                      <PolarRadiusAxis tickFormatter={this.formatTick} />
+                      <Radar
+                        dataKey="value"
+                        stroke={stroke || '#51C9B7'}
+                        fill={fill || '#51C9B7'}
+                        fillOpacity={0.6}
+                      />
+                    </RadarChart>
+                  );
+                }}
+              </NrqlQuery>
+            )}
+          </AutoSizer>
+        );
+      }
+    }
+
+    const EmptyState = () => (
+      <Card className="EmptyState">
+        <CardBody className="EmptyState-cardBody">
+          <HeadingText
+            spacingType={[HeadingText.SPACING_TYPE.LARGE]}
+            type={HeadingText.TYPE.HEADING_3}
+          >
+            Please provide at least one NRQL query & account ID pair
+          </HeadingText>
+          <HeadingText
+            spacingType={[HeadingText.SPACING_TYPE.MEDIUM]}
+            type={HeadingText.TYPE.HEADING_4}
+          >
+            An example NRQL query you can try is:
+          </HeadingText>
+          <code>FROM NrUsage SELECT sum(usage) FACET metric SINCE 1 week ago</code>
+        </CardBody>
+      </Card>
+    );
+
+    const ErrorState = () => (
+      <Card className="ErrorState">
+        <CardBody className="ErrorState-cardBody">
+          <HeadingText
+            className="ErrorState-headingText"
+            spacingType={[HeadingText.SPACING_TYPE.LARGE]}
+            type={HeadingText.TYPE.HEADING_3}
+          >
+            Oops! Something went wrong.
+          </HeadingText>
+        </CardBody>
+      </Card>
+    );
+    ```
+  </Step>
+
+  <Step>
+    Em `render()`, envolva `RadarChart` em um `React.Fragment`:
+
+    ```js fileName=visualizations/radar-or-treemap/index.js
+    import React from 'react';
+    import PropTypes from 'prop-types';
+    import {
+      Radar,
+      RadarChart,
+      PolarGrid,
+      PolarAngleAxis,
+      PolarRadiusAxis,
+    } from 'recharts';
+    import {
+        AutoSizer,
+        Card,
+        CardBody,
+        HeadingText,
+        NrqlQuery,
+        SegmentedControl,
+        SegmentedControlItem,
+        Spinner,
+    } from 'nr1';
+
+    const CHART_TYPES = {
+      'Radar': 'radar',
+      'Treemap': 'treemap'
+    }
+
+    export default class RadarOrTreemapVisualization extends React.Component {
+      // Custom props you wish to be configurable in the UI must also be defined in
+      // the nr1.json file for the visualization. See docs for more details.
+      static propTypes = {
+        /**
+         * A fill color to override the default fill color. This is an example of
+         * a custom chart configuration.
+         */
+        fill: PropTypes.string,
+
+        /**
+         * A stroke color to override the default stroke color. This is an example of
+         * a custom chart configuration.
+         */
+        stroke: PropTypes.string,
+        /**
+         * An array of objects consisting of a nrql `query` and `accountId`.
+         * This should be a standard prop for any NRQL based visualizations.
+         */
+        nrqlQueries: PropTypes.arrayOf(
+          PropTypes.shape({
+            accountId: PropTypes.number,
+            query: PropTypes.string,
+          })
+        ),
+      };
+
+      state = {
+        selectedChart: CHART_TYPES.Radar,
+      };
+
+      /**
+       * Restructure the data for a non-time-series, facet-based NRQL query into a
+       * form accepted by the Recharts library's RadarChart.
+       * (https://recharts.org/api/RadarChart).
+       */
+      transformData = (rawData) => {
+        return rawData.map((entry) => ({
+          name: entry.metadata.name,
+          // Only grabbing the first data value because this is not time-series data.
+          value: entry.data[0].y,
+        }));
+      };
+
+      /**
+       * Format the given axis tick's numeric value into a string for display.
+       */
+      formatTick = (value) => {
+        return value.toLocaleString();
+      };
+
+      render() {
+        const {nrqlQueries, stroke, fill} = this.props;
+
+        const nrqlQueryPropsAvailable =
+          nrqlQueries &&
+          nrqlQueries[0] &&
+          nrqlQueries[0].accountId &&
+          nrqlQueries[0].query;
+
+        if (!nrqlQueryPropsAvailable) {
+          return <EmptyState />;
+        }
+
+        return (
+          <AutoSizer>
+            {({width, height}) => (
+              <NrqlQuery
+                query={nrqlQueries[0].query}
+                accountId={parseInt(nrqlQueries[0].accountId)}
+                pollInterval={NrqlQuery.AUTO_POLL_INTERVAL}
+              >
+                {({data, loading, error}) => {
+                  if (loading) {
+                    return <Spinner />;
+                  }
+
+                  if (error) {
+                    return <ErrorState />;
+                  }
+
+                  const transformedData = this.transformData(data);
+
+                  return (
+                    <React.Fragment>
+                    <RadarChart
+                      width={width}
+                      height={height}
+                      data={transformedData}
+                    >
+                      <PolarGrid />
+                      <PolarAngleAxis dataKey="name" />
+                      <PolarRadiusAxis tickFormatter={this.formatTick} />
+                      <Radar
+                        dataKey="value"
+                        stroke={stroke || '#51C9B7'}
+                        fill={fill || '#51C9B7'}
+                        fillOpacity={0.6}
+                      />
+                    </RadarChart>
+                    </React.Fragment>
+                  );
+                }}
+              </NrqlQuery>
+            )}
+          </AutoSizer>
+        );
+      }
+    }
+
+    const EmptyState = () => (
+      <Card className="EmptyState">
+        <CardBody className="EmptyState-cardBody">
+          <HeadingText
+            spacingType={[HeadingText.SPACING_TYPE.LARGE]}
+            type={HeadingText.TYPE.HEADING_3}
+          >
+            Please provide at least one NRQL query & account ID pair
+          </HeadingText>
+          <HeadingText
+            spacingType={[HeadingText.SPACING_TYPE.MEDIUM]}
+            type={HeadingText.TYPE.HEADING_4}
+          >
+            An example NRQL query you can try is:
+          </HeadingText>
+          <code>FROM NrUsage SELECT sum(usage) FACET metric SINCE 1 week ago</code>
+        </CardBody>
+      </Card>
+    );
+
+    const ErrorState = () => (
+      <Card className="ErrorState">
+        <CardBody className="ErrorState-cardBody">
+          <HeadingText
+            className="ErrorState-headingText"
+            spacingType={[HeadingText.SPACING_TYPE.LARGE]}
+            type={HeadingText.TYPE.HEADING_3}
+          >
+            Oops! Something went wrong.
+          </HeadingText>
+        </CardBody>
+      </Card>
+    );
+    ```
+
+    Isso permite retornar vários componentes do mesmo `render()`.
+  </Step>
+
+  <Step>
+    Adicione um componente `SegmentedControl` e dois `SegmentedControlItem` , cada um com um `value` e um `label`:
+
+    ```js fileName=visualizations/radar-or-treemap/index.js
+    import React from 'react';
+    import PropTypes from 'prop-types';
+    import {
+      Radar,
+      RadarChart,
+      PolarGrid,
+      PolarAngleAxis,
+      PolarRadiusAxis,
+    } from 'recharts';
+    import {
+        AutoSizer,
+        Card,
+        CardBody,
+        HeadingText,
+        NrqlQuery,
+        SegmentedControl,
+        SegmentedControlItem,
+        Spinner,
+    } from 'nr1';
+
+    const CHART_TYPES = {
+      'Radar': 'radar',
+      'Treemap': 'treemap'
+    }
+
+    export default class RadarOrTreemapVisualization extends React.Component {
+      // Custom props you wish to be configurable in the UI must also be defined in
+      // the nr1.json file for the visualization. See docs for more details.
+      static propTypes = {
+        /**
+         * A fill color to override the default fill color. This is an example of
+         * a custom chart configuration.
+         */
+        fill: PropTypes.string,
+
+        /**
+         * A stroke color to override the default stroke color. This is an example of
+         * a custom chart configuration.
+         */
+        stroke: PropTypes.string,
+        /**
+         * An array of objects consisting of a nrql `query` and `accountId`.
+         * This should be a standard prop for any NRQL based visualizations.
+         */
+        nrqlQueries: PropTypes.arrayOf(
+          PropTypes.shape({
+            accountId: PropTypes.number,
+            query: PropTypes.string,
+          })
+        ),
+      };
+
+      state = {
+        selectedChart: CHART_TYPES.Radar,
+      };
+
+      /**
+       * Restructure the data for a non-time-series, facet-based NRQL query into a
+       * form accepted by the Recharts library's RadarChart.
+       * (https://recharts.org/api/RadarChart).
+       */
+      transformData = (rawData) => {
+        return rawData.map((entry) => ({
+          name: entry.metadata.name,
+          // Only grabbing the first data value because this is not time-series data.
+          value: entry.data[0].y,
+        }));
+      };
+
+      /**
+       * Format the given axis tick's numeric value into a string for display.
+       */
+      formatTick = (value) => {
+        return value.toLocaleString();
+      };
+
+      render() {
+        const {nrqlQueries, stroke, fill} = this.props;
+
+        const nrqlQueryPropsAvailable =
+          nrqlQueries &&
+          nrqlQueries[0] &&
+          nrqlQueries[0].accountId &&
+          nrqlQueries[0].query;
+
+        if (!nrqlQueryPropsAvailable) {
+          return <EmptyState />;
+        }
+
+        return (
+          <AutoSizer>
+            {({width, height}) => (
+              <NrqlQuery
+                query={nrqlQueries[0].query}
+                accountId={parseInt(nrqlQueries[0].accountId)}
+                pollInterval={NrqlQuery.AUTO_POLL_INTERVAL}
+              >
+                {({data, loading, error}) => {
+                  if (loading) {
+                    return <Spinner />;
+                  }
+
+                  if (error) {
+                    return <ErrorState />;
+                  }
+
+                  const transformedData = this.transformData(data);
+
+                  return (
+                    <React.Fragment>
+                    <SegmentedControl
+                      onChange={(event, value) => console.log(value)}
+                    >
+                      <SegmentedControlItem
+                        value={CHART_TYPES.Radar}
+                        label="Radar chart"
+                      />
+                      <SegmentedControlItem
+                        value={CHART_TYPES.Treemap}
+                        label="Treemap chart"
+                      />
+                    </SegmentedControl>
+                    <RadarChart
+                      width={width}
+                      height={height}
+                      data={transformedData}
+                    >
+                      <PolarGrid />
+                      <PolarAngleAxis dataKey="name" />
+                      <PolarRadiusAxis tickFormatter={this.formatTick} />
+                      <Radar
+                        dataKey="value"
+                        stroke={stroke || '#51C9B7'}
+                        fill={fill || '#51C9B7'}
+                        fillOpacity={0.6}
+                      />
+                    </RadarChart>
+                    </React.Fragment>
+                  );
+                }}
+              </NrqlQuery>
+            )}
+          </AutoSizer>
+        );
+      }
+    }
+
+    const EmptyState = () => (
+      <Card className="EmptyState">
+        <CardBody className="EmptyState-cardBody">
+          <HeadingText
+            spacingType={[HeadingText.SPACING_TYPE.LARGE]}
+            type={HeadingText.TYPE.HEADING_3}
+          >
+            Please provide at least one NRQL query & account ID pair
+          </HeadingText>
+          <HeadingText
+            spacingType={[HeadingText.SPACING_TYPE.MEDIUM]}
+            type={HeadingText.TYPE.HEADING_4}
+          >
+            An example NRQL query you can try is:
+          </HeadingText>
+          <code>FROM NrUsage SELECT sum(usage) FACET metric SINCE 1 week ago</code>
+        </CardBody>
+      </Card>
+    );
+
+    const ErrorState = () => (
+      <Card className="ErrorState">
+        <CardBody className="ErrorState-cardBody">
+          <HeadingText
+            className="ErrorState-headingText"
+            spacingType={[HeadingText.SPACING_TYPE.LARGE]}
+            type={HeadingText.TYPE.HEADING_3}
+          >
+            Oops! Something went wrong.
+          </HeadingText>
+        </CardBody>
+      </Card>
+    );
+    ```
+
+    Aqui, seu `SegmentedControl` registra o `SegmentedControlItem.value` no console quando você altera sua seleção. Os valores definidos para seus componentes `SegmentedControlItem` correspondem aos dois `CHART_TYPES` criados em uma etapa anterior.
+  </Step>
+
+  <Step>
+    Navegue até a raiz do seu Nerdpack em `alternate-viz`.
+  </Step>
+
+  <Step>
+    Sirva seu Nerdpack localmente:
+
+    ```bash
+    nr1 nerdpack:serve
+    ```
+  </Step>
+
+  <Step>
+    Abra o link para sua visualização que é mostrada no terminal quando o servidor Node é iniciado:
+
+    ```bash
+    [output] {purple}Visualizations:
+    [output]  ⁎  {green}radar-or-treemap {blue}https://one.nr/012ab3cd4Ef
+    ```
+  </Step>
+
+  <Step>
+    Configure sua visualização com um ID de conta e uma consulta.
+
+    Com alguns dados necessários para o processamento do seu gráfico, agora você verá um `RadarChart` com o `SegmentedControl` na parte superior da visualização.
+
+    Olhe no console do seu browser para ver seu log `SegmentedControl` .
+  </Step>
+</Steps>
+
+## Conecte `state` do seu componente ao `SegmentedControl` [#connect-component]
+
+Adicione um método para atualizar `state` e conecte esse método ao `SegmentedControl` adicionado na última seção.
+
+<Steps>
+  <Step>
+    Adicione um método de componente, chamado `updateSelectedChart()`:
+
+    ```js fileName=visualizations/radar-or-treemap/index.js
+    import React from 'react';
+    import PropTypes from 'prop-types';
+    import {
+      Radar,
+      RadarChart,
+      PolarGrid,
+      PolarAngleAxis,
+      PolarRadiusAxis,
+    } from 'recharts';
+    import {
+        AutoSizer,
+        Card,
+        CardBody,
+        HeadingText,
+        NrqlQuery,
+        SegmentedControl,
+        SegmentedControlItem,
+        Spinner,
+    } from 'nr1';
+
+    const CHART_TYPES = {
+      'Radar': 'radar',
+      'Treemap': 'treemap'
+    }
+
+    export default class RadarOrTreemapVisualization extends React.Component {
+      // Custom props you wish to be configurable in the UI must also be defined in
+      // the nr1.json file for the visualization. See docs for more details.
+      static propTypes = {
+        /**
+         * A fill color to override the default fill color. This is an example of
+         * a custom chart configuration.
+         */
+        fill: PropTypes.string,
+
+        /**
+         * A stroke color to override the default stroke color. This is an example of
+         * a custom chart configuration.
+         */
+        stroke: PropTypes.string,
+        /**
+         * An array of objects consisting of a nrql `query` and `accountId`.
+         * This should be a standard prop for any NRQL based visualizations.
+         */
+        nrqlQueries: PropTypes.arrayOf(
+          PropTypes.shape({
+            accountId: PropTypes.number,
+            query: PropTypes.string,
+          })
+        ),
+      };
+
+      state = {
+        selectedChart: CHART_TYPES.Radar,
+      };
+
+      /**
+       * Restructure the data for a non-time-series, facet-based NRQL query into a
+       * form accepted by the Recharts library's RadarChart.
+       * (https://recharts.org/api/RadarChart).
+       */
+      transformData = (rawData) => {
+        return rawData.map((entry) => ({
+          name: entry.metadata.name,
+          // Only grabbing the first data value because this is not time-series data.
+          value: entry.data[0].y,
+        }));
+      };
+
+      /**
+       * Format the given axis tick's numeric value into a string for display.
+       */
+      formatTick = (value) => {
+        return value.toLocaleString();
+      };
+
+      updateSelectedChart = (evt, value) => {
+        this.setState({ selectedChart: value })
+      };
+
+      render() {
+        const {nrqlQueries, stroke, fill} = this.props;
+
+        const nrqlQueryPropsAvailable =
+          nrqlQueries &&
+          nrqlQueries[0] &&
+          nrqlQueries[0].accountId &&
+          nrqlQueries[0].query;
+
+        if (!nrqlQueryPropsAvailable) {
+          return <EmptyState />;
+        }
+
+        return (
+          <AutoSizer>
+            {({width, height}) => (
+              <NrqlQuery
+                query={nrqlQueries[0].query}
+                accountId={parseInt(nrqlQueries[0].accountId)}
+                pollInterval={NrqlQuery.AUTO_POLL_INTERVAL}
+              >
+                {({data, loading, error}) => {
+                  if (loading) {
+                    return <Spinner />;
+                  }
+
+                  if (error) {
+                    return <ErrorState />;
+                  }
+
+                  const transformedData = this.transformData(data);
+
+                  return (
+                    <React.Fragment>
+                    <SegmentedControl
+                      onChange={(event, value) => console.log(value)}
+                    >
+                      <SegmentedControlItem
+                        value={CHART_TYPES.Radar}
+                        label="Radar chart"
+                      />
+                      <SegmentedControlItem
+                        value={CHART_TYPES.Treemap}
+                        label="Treemap chart"
+                      />
+                    </SegmentedControl>
+                    <RadarChart
+                      width={width}
+                      height={height}
+                      data={transformedData}
+                    >
+                      <PolarGrid />
+                      <PolarAngleAxis dataKey="name" />
+                      <PolarRadiusAxis tickFormatter={this.formatTick} />
+                      <Radar
+                        dataKey="value"
+                        stroke={stroke || '#51C9B7'}
+                        fill={fill || '#51C9B7'}
+                        fillOpacity={0.6}
+                      />
+                    </RadarChart>
+                    </React.Fragment>
+                  );
+                }}
+              </NrqlQuery>
+            )}
+          </AutoSizer>
+        );
+      }
+    }
+
+    const EmptyState = () => (
+      <Card className="EmptyState">
+        <CardBody className="EmptyState-cardBody">
+          <HeadingText
+            spacingType={[HeadingText.SPACING_TYPE.LARGE]}
+            type={HeadingText.TYPE.HEADING_3}
+          >
+            Please provide at least one NRQL query & account ID pair
+          </HeadingText>
+          <HeadingText
+            spacingType={[HeadingText.SPACING_TYPE.MEDIUM]}
+            type={HeadingText.TYPE.HEADING_4}
+          >
+            An example NRQL query you can try is:
+          </HeadingText>
+          <code>FROM NrUsage SELECT sum(usage) FACET metric SINCE 1 week ago</code>
+        </CardBody>
+      </Card>
+    );
+
+    const ErrorState = () => (
+      <Card className="ErrorState">
+        <CardBody className="ErrorState-cardBody">
+          <HeadingText
+            className="ErrorState-headingText"
+            spacingType={[HeadingText.SPACING_TYPE.LARGE]}
+            type={HeadingText.TYPE.HEADING_3}
+          >
+            Oops! Something went wrong.
+          </HeadingText>
+        </CardBody>
+      </Card>
+    );
+    ```
+
+    Este novo método recebe um argumento `value` e define `state.selectedChart` com esse valor.
+  </Step>
+
+  <Step>
+    Defina `SegmentedControl.onChange` como `updateSelectedChart()`:
+
+    ```js fileName=visualizations/radar-or-treemap/index.js
+    import React from 'react';
+    import PropTypes from 'prop-types';
+    import {
+      Radar,
+      RadarChart,
+      PolarGrid,
+      PolarAngleAxis,
+      PolarRadiusAxis,
+    } from 'recharts';
+    import {
+        AutoSizer,
+        Card,
+        CardBody,
+        HeadingText,
+        NrqlQuery,
+        SegmentedControl,
+        SegmentedControlItem,
+        Spinner,
+    } from 'nr1';
+
+    const CHART_TYPES = {
+      'Radar': 'radar',
+      'Treemap': 'treemap'
+    }
+
+    export default class RadarOrTreemapVisualization extends React.Component {
+      // Custom props you wish to be configurable in the UI must also be defined in
+      // the nr1.json file for the visualization. See docs for more details.
+      static propTypes = {
+        /**
+         * A fill color to override the default fill color. This is an example of
+         * a custom chart configuration.
+         */
+        fill: PropTypes.string,
+
+        /**
+         * A stroke color to override the default stroke color. This is an example of
+         * a custom chart configuration.
+         */
+        stroke: PropTypes.string,
+        /**
+         * An array of objects consisting of a nrql `query` and `accountId`.
+         * This should be a standard prop for any NRQL based visualizations.
+         */
+        nrqlQueries: PropTypes.arrayOf(
+          PropTypes.shape({
+            accountId: PropTypes.number,
+            query: PropTypes.string,
+          })
+        ),
+      };
+
+      state = {
+        selectedChart: CHART_TYPES.Radar,
+      };
+
+      /**
+       * Restructure the data for a non-time-series, facet-based NRQL query into a
+       * form accepted by the Recharts library's RadarChart.
+       * (https://recharts.org/api/RadarChart).
+       */
+      transformData = (rawData) => {
+        return rawData.map((entry) => ({
+          name: entry.metadata.name,
+          // Only grabbing the first data value because this is not time-series data.
+          value: entry.data[0].y,
+        }));
+      };
+
+      /**
+       * Format the given axis tick's numeric value into a string for display.
+       */
+      formatTick = (value) => {
+        return value.toLocaleString();
+      };
+
+      updateSelectedChart = (evt, value) => {
+        this.setState({ selectedChart: value })
+      };
+
+      render() {
+        const {nrqlQueries, stroke, fill} = this.props;
+
+        const nrqlQueryPropsAvailable =
+          nrqlQueries &&
+          nrqlQueries[0] &&
+          nrqlQueries[0].accountId &&
+          nrqlQueries[0].query;
+
+        if (!nrqlQueryPropsAvailable) {
+          return <EmptyState />;
+        }
+
+        return (
+          <AutoSizer>
+            {({width, height}) => (
+              <NrqlQuery
+                query={nrqlQueries[0].query}
+                accountId={parseInt(nrqlQueries[0].accountId)}
+                pollInterval={NrqlQuery.AUTO_POLL_INTERVAL}
+              >
+                {({data, loading, error}) => {
+                  if (loading) {
+                    return <Spinner />;
+                  }
+
+                  if (error) {
+                    return <ErrorState />;
+                  }
+
+                  const transformedData = this.transformData(data);
+
+                  return (
+                    <React.Fragment>
+                    <SegmentedControl
+                      onChange={this.updateSelectedChart}
+                    >
+                      <SegmentedControlItem
+                        value={CHART_TYPES.Radar}
+                        label="Radar chart"
+                      />
+                      <SegmentedControlItem
+                        value={CHART_TYPES.Treemap}
+                        label="Treemap chart"
+                      />
+                    </SegmentedControl>
+                    <RadarChart
+                      width={width}
+                      height={height}
+                      data={transformedData}
+                    >
+                      <PolarGrid />
+                      <PolarAngleAxis dataKey="name" />
+                      <PolarRadiusAxis tickFormatter={this.formatTick} />
+                      <Radar
+                        dataKey="value"
+                        stroke={stroke || '#51C9B7'}
+                        fill={fill || '#51C9B7'}
+                        fillOpacity={0.6}
+                      />
+                    </RadarChart>
+                    </React.Fragment>
+                  );
+                }}
+              </NrqlQuery>
+            )}
+          </AutoSizer>
+        );
+      }
+    }
+
+    const EmptyState = () => (
+      <Card className="EmptyState">
+        <CardBody className="EmptyState-cardBody">
+          <HeadingText
+            spacingType={[HeadingText.SPACING_TYPE.LARGE]}
+            type={HeadingText.TYPE.HEADING_3}
+          >
+            Please provide at least one NRQL query & account ID pair
+          </HeadingText>
+          <HeadingText
+            spacingType={[HeadingText.SPACING_TYPE.MEDIUM]}
+            type={HeadingText.TYPE.HEADING_4}
+          >
+            An example NRQL query you can try is:
+          </HeadingText>
+          <code>FROM NrUsage SELECT sum(usage) FACET metric SINCE 1 week ago</code>
+        </CardBody>
+      </Card>
+    );
+
+    const ErrorState = () => (
+      <Card className="ErrorState">
+        <CardBody className="ErrorState-cardBody">
+          <HeadingText
+            className="ErrorState-headingText"
+            spacingType={[HeadingText.SPACING_TYPE.LARGE]}
+            type={HeadingText.TYPE.HEADING_3}
+          >
+            Oops! Something went wrong.
+          </HeadingText>
+        </CardBody>
+      </Card>
+    );
+    ```
+
+    Agora, quando você alterar sua seleção em `SegmentedControl`, sua seleção será definida em `state`.
+  </Step>
+</Steps>
+
+## Implementar uma opção `Treemap` [#implement-treemap]
+
+Adicione um [`Treemap`](https://recharts.org/en-US/api/Treemap) à sua visualização. Este mapa será uma alternativa ao `RadarChart` existente.
+
+<Callout
+  variant="tip"
+  title="Detalhe técnico"
+>
+  Este guia usa componentes [Recharts](https://recharts.org) para gráficos de terceiros, mas você pode usar qualquer outra biblioteca de gráficos JavaScript que seja compatível com a versão atual do React ao criar visualizações e aplicativos New Relic.
+</Callout>
+
+<Steps>
+  <Step>
+    Importe `Treemap` de `recharts`:
+
+    ```js fileName=visualizations/radar-or-treemap/index.js
+    import React from 'react';
+    import PropTypes from 'prop-types';
+    import {
+      Radar,
+      RadarChart,
+      PolarGrid,
+      PolarAngleAxis,
+      PolarRadiusAxis,
+      Treemap,
+    } from 'recharts';
+    import {
+        AutoSizer,
+        Card,
+        CardBody,
+        HeadingText,
+        NrqlQuery,
+        SegmentedControl,
+        SegmentedControlItem,
+        Spinner,
+    } from 'nr1';
+
+    const CHART_TYPES = {
+      'Radar': 'radar',
+      'Treemap': 'treemap'
+    }
+
+    export default class RadarOrTreemapVisualization extends React.Component {
+      // Custom props you wish to be configurable in the UI must also be defined in
+      // the nr1.json file for the visualization. See docs for more details.
+      static propTypes = {
+        /**
+         * A fill color to override the default fill color. This is an example of
+         * a custom chart configuration.
+         */
+        fill: PropTypes.string,
+
+        /**
+         * A stroke color to override the default stroke color. This is an example of
+         * a custom chart configuration.
+         */
+        stroke: PropTypes.string,
+        /**
+         * An array of objects consisting of a nrql `query` and `accountId`.
+         * This should be a standard prop for any NRQL based visualizations.
+         */
+        nrqlQueries: PropTypes.arrayOf(
+          PropTypes.shape({
+            accountId: PropTypes.number,
+            query: PropTypes.string,
+          })
+        ),
+      };
+
+      state = {
+        selectedChart: CHART_TYPES.Radar,
+      };
+
+      /**
+       * Restructure the data for a non-time-series, facet-based NRQL query into a
+       * form accepted by the Recharts library's RadarChart.
+       * (https://recharts.org/api/RadarChart).
+       */
+      transformData = (rawData) => {
+        return rawData.map((entry) => ({
+          name: entry.metadata.name,
+          // Only grabbing the first data value because this is not time-series data.
+          value: entry.data[0].y,
+        }));
+      };
+
+      /**
+       * Format the given axis tick's numeric value into a string for display.
+       */
+      formatTick = (value) => {
+        return value.toLocaleString();
+      };
+
+      updateSelectedChart = (evt, value) => {
+        this.setState({ selectedChart: value })
+      };
+
+      render() {
+        const {nrqlQueries, stroke, fill} = this.props;
+
+        const nrqlQueryPropsAvailable =
+          nrqlQueries &&
+          nrqlQueries[0] &&
+          nrqlQueries[0].accountId &&
+          nrqlQueries[0].query;
+
+        if (!nrqlQueryPropsAvailable) {
+          return <EmptyState />;
+        }
+
+        return (
+          <AutoSizer>
+            {({width, height}) => (
+              <NrqlQuery
+                query={nrqlQueries[0].query}
+                accountId={parseInt(nrqlQueries[0].accountId)}
+                pollInterval={NrqlQuery.AUTO_POLL_INTERVAL}
+              >
+                {({data, loading, error}) => {
+                  if (loading) {
+                    return <Spinner />;
+                  }
+
+                  if (error) {
+                    return <ErrorState />;
+                  }
+
+                  const transformedData = this.transformData(data);
+
+                  return (
+                    <React.Fragment>
+                    <SegmentedControl
+                      onChange={this.updateSelectedChart}
+                    >
+                      <SegmentedControlItem
+                        value={CHART_TYPES.Radar}
+                        label="Radar chart"
+                      />
+                      <SegmentedControlItem
+                        value={CHART_TYPES.Treemap}
+                        label="Treemap chart"
+                      />
+                    </SegmentedControl>
+                    <RadarChart
+                      width={width}
+                      height={height}
+                      data={transformedData}
+                    >
+                      <PolarGrid />
+                      <PolarAngleAxis dataKey="name" />
+                      <PolarRadiusAxis tickFormatter={this.formatTick} />
+                      <Radar
+                        dataKey="value"
+                        stroke={stroke || '#51C9B7'}
+                        fill={fill || '#51C9B7'}
+                        fillOpacity={0.6}
+                      />
+                    </RadarChart>
+                    </React.Fragment>
+                  );
+                }}
+              </NrqlQuery>
+            )}
+          </AutoSizer>
+        );
+      }
+    }
+
+    const EmptyState = () => (
+      <Card className="EmptyState">
+        <CardBody className="EmptyState-cardBody">
+          <HeadingText
+            spacingType={[HeadingText.SPACING_TYPE.LARGE]}
+            type={HeadingText.TYPE.HEADING_3}
+          >
+            Please provide at least one NRQL query & account ID pair
+          </HeadingText>
+          <HeadingText
+            spacingType={[HeadingText.SPACING_TYPE.MEDIUM]}
+            type={HeadingText.TYPE.HEADING_4}
+          >
+            An example NRQL query you can try is:
+          </HeadingText>
+          <code>FROM NrUsage SELECT sum(usage) FACET metric SINCE 1 week ago</code>
+        </CardBody>
+      </Card>
+    );
+
+    const ErrorState = () => (
+      <Card className="ErrorState">
+        <CardBody className="ErrorState-cardBody">
+          <HeadingText
+            className="ErrorState-headingText"
+            spacingType={[HeadingText.SPACING_TYPE.LARGE]}
+            type={HeadingText.TYPE.HEADING_3}
+          >
+            Oops! Something went wrong.
+          </HeadingText>
+        </CardBody>
+      </Card>
+    );
+    ```
+
+    Agora você pode usar `Treemap` em seu componente de visualização.
+  </Step>
+
+  <Step>
+    Em `render()`, adicione um componente `Treemap` :
+
+    ```js fileName=visualizations/radar-or-treemap/index.js
+    import React from 'react';
+    import PropTypes from 'prop-types';
+    import {
+      Radar,
+      RadarChart,
+      PolarGrid,
+      PolarAngleAxis,
+      PolarRadiusAxis,
+      Treemap,
+    } from 'recharts';
+    import {
+        AutoSizer,
+        Card,
+        CardBody,
+        HeadingText,
+        NrqlQuery,
+        SegmentedControl,
+        SegmentedControlItem,
+        Spinner,
+    } from 'nr1';
+
+    const CHART_TYPES = {
+      'Radar': 'radar',
+      'Treemap': 'treemap'
+    }
+
+    export default class RadarOrTreemapVisualization extends React.Component {
+      // Custom props you wish to be configurable in the UI must also be defined in
+      // the nr1.json file for the visualization. See docs for more details.
+      static propTypes = {
+        /**
+         * A fill color to override the default fill color. This is an example of
+         * a custom chart configuration.
+         */
+        fill: PropTypes.string,
+
+        /**
+         * A stroke color to override the default stroke color. This is an example of
+         * a custom chart configuration.
+         */
+        stroke: PropTypes.string,
+        /**
+         * An array of objects consisting of a nrql `query` and `accountId`.
+         * This should be a standard prop for any NRQL based visualizations.
+         */
+        nrqlQueries: PropTypes.arrayOf(
+          PropTypes.shape({
+            accountId: PropTypes.number,
+            query: PropTypes.string,
+          })
+        ),
+      };
+
+      state = {
+        selectedChart: CHART_TYPES.Radar,
+      };
+
+      /**
+       * Restructure the data for a non-time-series, facet-based NRQL query into a
+       * form accepted by the Recharts library's RadarChart.
+       * (https://recharts.org/api/RadarChart).
+       */
+      transformData = (rawData) => {
+        return rawData.map((entry) => ({
+          name: entry.metadata.name,
+          // Only grabbing the first data value because this is not time-series data.
+          value: entry.data[0].y,
+        }));
+      };
+
+      /**
+       * Format the given axis tick's numeric value into a string for display.
+       */
+      formatTick = (value) => {
+        return value.toLocaleString();
+      };
+
+      updateSelectedChart = (evt, value) => {
+        this.setState({ selectedChart: value })
+      };
+
+      render() {
+        const {nrqlQueries, stroke, fill} = this.props;
+
+        const nrqlQueryPropsAvailable =
+          nrqlQueries &&
+          nrqlQueries[0] &&
+          nrqlQueries[0].accountId &&
+          nrqlQueries[0].query;
+
+        if (!nrqlQueryPropsAvailable) {
+          return <EmptyState />;
+        }
+
+        return (
+          <AutoSizer>
+            {({width, height}) => (
+              <NrqlQuery
+                query={nrqlQueries[0].query}
+                accountId={parseInt(nrqlQueries[0].accountId)}
+                pollInterval={NrqlQuery.AUTO_POLL_INTERVAL}
+              >
+                {({data, loading, error}) => {
+                  if (loading) {
+                    return <Spinner />;
+                  }
+
+                  if (error) {
+                    return <ErrorState />;
+                  }
+
+                  const transformedData = this.transformData(data);
+
+                  return (
+                    <React.Fragment>
+                    <SegmentedControl
+                      onChange={this.updateSelectedChart}
+                    >
+                      <SegmentedControlItem
+                        value={CHART_TYPES.Radar}
+                        label="Radar chart"
+                      />
+                      <SegmentedControlItem
+                        value={CHART_TYPES.Treemap}
+                        label="Treemap chart"
+                      />
+                    </SegmentedControl>
+                    <RadarChart
+                      width={width}
+                      height={height}
+                      data={transformedData}
+                    >
+                      <PolarGrid />
+                      <PolarAngleAxis dataKey="name" />
+                      <PolarRadiusAxis tickFormatter={this.formatTick} />
+                      <Radar
+                        dataKey="value"
+                        stroke={stroke || '#51C9B7'}
+                        fill={fill || '#51C9B7'}
+                        fillOpacity={0.6}
+                      />
+                    </RadarChart>
+                    <Treemap
+                      width={width}
+                      height={height}
+                      data={transformedData}
+                      dataKey="value"
+                      ratio={4 / 3}
+                      stroke={stroke || '#000000'}
+                      fill={fill || '#51C9B7'}
+                    />
+                    </React.Fragment>
+                  );
+                }}
+              </NrqlQuery>
+            )}
+          </AutoSizer>
+        );
+      }
+    }
+
+    const EmptyState = () => (
+      <Card className="EmptyState">
+        <CardBody className="EmptyState-cardBody">
+          <HeadingText
+            spacingType={[HeadingText.SPACING_TYPE.LARGE]}
+            type={HeadingText.TYPE.HEADING_3}
+          >
+            Please provide at least one NRQL query & account ID pair
+          </HeadingText>
+          <HeadingText
+            spacingType={[HeadingText.SPACING_TYPE.MEDIUM]}
+            type={HeadingText.TYPE.HEADING_4}
+          >
+            An example NRQL query you can try is:
+          </HeadingText>
+          <code>FROM NrUsage SELECT sum(usage) FACET metric SINCE 1 week ago</code>
+        </CardBody>
+      </Card>
+    );
+
+    const ErrorState = () => (
+      <Card className="ErrorState">
+        <CardBody className="ErrorState-cardBody">
+          <HeadingText
+            className="ErrorState-headingText"
+            spacingType={[HeadingText.SPACING_TYPE.LARGE]}
+            type={HeadingText.TYPE.HEADING_3}
+          >
+            Oops! Something went wrong.
+          </HeadingText>
+        </CardBody>
+      </Card>
+    );
+    ```
+
+    Aqui, você definiu um novo componente `Treemap` com alguns adereços, incluindo `height`, `width`, `fill` e `stroke`.
+  </Step>
+
+  <Step>
+    Com seu Nerdpack servido localmente, [visualize sua visualização](https://one.newrelic.com?nerdpacks=local). Os `SegmentedControl` e `RadarChart` estão na parte superior da visualização, mas se você rolar para baixo, verá seu novo `Treemap`.
+  </Step>
+</Steps>
+
+<Steps>
+  <Step>
+    ## Alterne entre gráficos com o seu componente `state` [#switch-charts]
+
+    Use `state.selectedChart` para determinar qual gráfico mostrar: o `RadarChart` ou o `Treemap`.
+  </Step>
+
+  <Step>
+    Desestruture `this.state` para acessar `selectedChart` como uma constante separada. Em seguida, compare `selectedChart` com `CHART_TYPES.Radar`. Se forem iguais, renderize um `RadarChart`. Caso contrário, renderize um `Treemap`:
+
+    ```js fileName=visualizations/radar-or-treemap/index.js
+    import React from 'react';
+    import PropTypes from 'prop-types';
+    import {
+      Radar,
+      RadarChart,
+      PolarGrid,
+      PolarAngleAxis,
+      PolarRadiusAxis,
+      Treemap,
+    } from 'recharts';
+    import {
+        AutoSizer,
+        Card,
+        CardBody,
+        HeadingText,
+        NrqlQuery,
+        SegmentedControl,
+        SegmentedControlItem,
+        Spinner,
+    } from 'nr1';
+
+    const CHART_TYPES = {
+      'Radar': 'radar',
+      'Treemap': 'treemap'
+    }
+
+    export default class RadarOrTreemapVisualization extends React.Component {
+      // Custom props you wish to be configurable in the UI must also be defined in
+      // the nr1.json file for the visualization. See docs for more details.
+      static propTypes = {
+        /**
+         * A fill color to override the default fill color. This is an example of
+         * a custom chart configuration.
+         */
+        fill: PropTypes.string,
+
+        /**
+         * A stroke color to override the default stroke color. This is an example of
+         * a custom chart configuration.
+         */
+        stroke: PropTypes.string,
+        /**
+         * An array of objects consisting of a nrql `query` and `accountId`.
+         * This should be a standard prop for any NRQL based visualizations.
+         */
+        nrqlQueries: PropTypes.arrayOf(
+          PropTypes.shape({
+            accountId: PropTypes.number,
+            query: PropTypes.string,
+          })
+        ),
+      };
+
+      state = {
+        selectedChart: CHART_TYPES.Radar,
+      };
+
+      /**
+       * Restructure the data for a non-time-series, facet-based NRQL query into a
+       * form accepted by the Recharts library's RadarChart.
+       * (https://recharts.org/api/RadarChart).
+       */
+      transformData = (rawData) => {
+        return rawData.map((entry) => ({
+          name: entry.metadata.name,
+          // Only grabbing the first data value because this is not time-series data.
+          value: entry.data[0].y,
+        }));
+      };
+
+      /**
+       * Format the given axis tick's numeric value into a string for display.
+       */
+      formatTick = (value) => {
+        return value.toLocaleString();
+      };
+
+      updateSelectedChart = (evt, value) => {
+        this.setState({ selectedChart: value })
+      };
+
+      render() {
+        const {nrqlQueries, stroke, fill} = this.props;
+        const {selectedChart} = this.state;
+
+        const nrqlQueryPropsAvailable =
+          nrqlQueries &&
+          nrqlQueries[0] &&
+          nrqlQueries[0].accountId &&
+          nrqlQueries[0].query;
+
+        if (!nrqlQueryPropsAvailable) {
+          return <EmptyState />;
+        }
+
+        return (
+          <AutoSizer>
+            {({width, height}) => (
+              <NrqlQuery
+                query={nrqlQueries[0].query}
+                accountId={parseInt(nrqlQueries[0].accountId)}
+                pollInterval={NrqlQuery.AUTO_POLL_INTERVAL}
+              >
+                {({data, loading, error}) => {
+                  if (loading) {
+                    return <Spinner />;
+                  }
+
+                  if (error) {
+                    return <ErrorState />;
+                  }
+
+                  const transformedData = this.transformData(data);
+
+                  return (
+                    <React.Fragment>
+                    <SegmentedControl
+                      onChange={this.updateSelectedChart}
+                    >
+                      <SegmentedControlItem
+                        value={CHART_TYPES.Radar}
+                        label="Radar chart"
+                      />
+                      <SegmentedControlItem
+                        value={CHART_TYPES.Treemap}
+                        label="Treemap chart"
+                      />
+                    </SegmentedControl>
+                    {selectedChart === CHART_TYPES.Radar ? (
+                    <RadarChart
+                      width={width}
+                      height={height}
+                      data={transformedData}
+                    >
+                      <PolarGrid />
+                      <PolarAngleAxis dataKey="name" />
+                      <PolarRadiusAxis tickFormatter={this.formatTick} />
+                      <Radar
+                        dataKey="value"
+                        stroke={stroke || '#51C9B7'}
+                        fill={fill || '#51C9B7'}
+                        fillOpacity={0.6}
+                      />
+                    </RadarChart>
+                    ) : (
+                    <Treemap
+                      width={width}
+                      height={height}
+                      data={transformedData}
+                      dataKey="value"
+                      ratio={4 / 3}
+                      stroke={stroke || '#000000'}
+                      fill={fill || '#51C9B7'}
+                    />
+                    )}
+                    </React.Fragment>
+                  );
+                }}
+              </NrqlQuery>
+            )}
+          </AutoSizer>
+        );
+      }
+    }
+
+    const EmptyState = () => (
+      <Card className="EmptyState">
+        <CardBody className="EmptyState-cardBody">
+          <HeadingText
+            spacingType={[HeadingText.SPACING_TYPE.LARGE]}
+            type={HeadingText.TYPE.HEADING_3}
+          >
+            Please provide at least one NRQL query & account ID pair
+          </HeadingText>
+          <HeadingText
+            spacingType={[HeadingText.SPACING_TYPE.MEDIUM]}
+            type={HeadingText.TYPE.HEADING_4}
+          >
+            An example NRQL query you can try is:
+          </HeadingText>
+          <code>FROM NrUsage SELECT sum(usage) FACET metric SINCE 1 week ago</code>
+        </CardBody>
+      </Card>
+    );
+
+    const ErrorState = () => (
+      <Card className="ErrorState">
+        <CardBody className="ErrorState-cardBody">
+          <HeadingText
+            className="ErrorState-headingText"
+            spacingType={[HeadingText.SPACING_TYPE.LARGE]}
+            type={HeadingText.TYPE.HEADING_3}
+          >
+            Oops! Something went wrong.
+          </HeadingText>
+        </CardBody>
+      </Card>
+    );
+    ```
+
+    Aqui, você usou uma expressão ternária para renderizar um `RadarChart` ou um `Treemap`. O gráfico renderizado é determinado pelo valor de `selectedChart`.
+  </Step>
+
+  <Step>
+    Com seu Nerdpack servido localmente, [visualize sua visualização](https://one.newrelic.com?nerdpacks=local).
+
+    Selecione **Radar chart** em `SegmentedControl`.
+
+    Selecione o **Treemap chart** em `SegmentedControl`.
+  </Step>
+</Steps>
+
+## Resumo [#summary]
+
+Parabéns! Nesta lição, você aprendeu como:
+
+* Personalize sua visualização usando componentes do SDK do New Relic One
+* Adicione um novo tipo de gráfico à sua visualização
+* Crie uma interação do usuário em sua visualização
+
+<Callout variant="tip">
+  Esta lição faz parte de um curso que ensina como construir uma visualização personalizada na plataforma New Relic. Quando estiver pronto, passe para a próxima lição: [Personalizar visualizações com configuração](/docs/new-relic-solutions/tutorials/custom-visualization-config).
+</Callout>
\ No newline at end of file
diff --git a/src/i18n/content/pt/docs/serverless-function-monitoring/aws-lambda-monitoring/enable-lambda-monitoring/containerized-images.mdx b/src/i18n/content/pt/docs/serverless-function-monitoring/aws-lambda-monitoring/enable-lambda-monitoring/containerized-images.mdx
index 922ac5f74b6..a06e9a3b022 100644
--- a/src/i18n/content/pt/docs/serverless-function-monitoring/aws-lambda-monitoring/enable-lambda-monitoring/containerized-images.mdx
+++ b/src/i18n/content/pt/docs/serverless-function-monitoring/aws-lambda-monitoring/enable-lambda-monitoring/containerized-images.mdx
@@ -5,24 +5,40 @@ freshnessValidatedDate: never
 translationType: machine
 ---
 
-Se estiver usando uma imagem em contêiner para Lambda e quiser monitor seu aplicativo, você precisará adicionar New Relic ao seu código. Depois de adicionar nossa camada pré-construída à sua imagem, envie a imagem para o AWS Elastic Container Registry A partir daí, sempre que você executar sua função, o New Relic será executado ao mesmo tempo.
+import serverlessContainerizedImagesWithLambda from 'images/serverless_diagram_containerized-images-with-lambda.webp'
+
+Se você estiver usando uma imagem conteinerizada para uma função do Lambda e quiser monitor seu aplicativo, será necessário adicionar New Relic ao seu código. Por exemplo, suponha que você seja desenvolvedor de um aplicativo de orçamento e esteja usando uma função do Lambda para calcular saldos de contas toda vez que um cliente clica em **See my balance**. Você quer mergulhar fundo em qualquer latência potencial. Nesse caso, você precisará adicionar New Relic à sua função, para que cada vez que um cliente clicar em **See my balance**, sua função seja executada, e New Relic também.
+
+Primeiro, você deve adicionar a camada pré-construída do New Relic ao seu código. A partir daí, você precisará enviar a imagem para o [AWS Elastic contêiner Registry](https://console.aws.amazon.com/ecr/home/). Depois de enviar seu código combinado com a camada pré-construída do New Relic, você precisará criar uma nova função a partir da imagem enviada para o AWS ECR.
+
+Para entender como funciona nossa camada pré-construída, dê uma olhada neste diagrama.
+
+<img
+  title="containerized images "
+  alt="A diagram demonstrating how New Relic integrates with your Lambda containerized image."
+  src={serverlessContainerizedImagesWithLambda}
+/>
+
+<figcaption>
+  Se você estiver usando uma imagem em contêiner para sua função do Lambda, poderá adicionar New Relic à sua imagem.
+</figcaption>
 
 Aqui está um guia para adicionar nossa camada pré-construída ao seu código.
 
 <Steps>
   <Step>
-    ### Adicione New Relic ao seu Dockerfile:
+    ### Adicione New Relic ao seu Dockerfile
 
     A New Relic oferece imagens pré-construídas que incluem os diferentes tempos de execução da nossa camada: Java, Node.js, Python e somente extensão.
 
     1. Selecione a camada compatível com o tempo de execução e região específicos da sua função do Lambda:
 
-    * [Java](https://gallery.ecr.aws/newrelic-lambda-layers-for-docker/newrelic-lambda-layers-java)
-    * [Node.js](https://gallery.ecr.aws/newrelic-lambda-layers-for-docker/newrelic-lambda-layers-nodejs)
-    * [Python](https://gallery.ecr.aws/x6n7b2o2/newrelic-lambda-layers-python)
-    * [Somente extensão](https://gallery.ecr.aws/newrelic-lambda-layers-for-docker/newrelic-lambda-layers-lambdaextension)
+       * [Java](https://gallery.ecr.aws/newrelic-lambda-layers-for-docker/newrelic-lambda-layers-java)
+       * [Node.js](https://gallery.ecr.aws/newrelic-lambda-layers-for-docker/newrelic-lambda-layers-nodejs)
+       * [Python](https://gallery.ecr.aws/x6n7b2o2/newrelic-lambda-layers-python)
+       * [Somente extensão](https://gallery.ecr.aws/newrelic-lambda-layers-for-docker/newrelic-lambda-layers-lambdaextension)
 
-    1. **No topo do seu Dockerfile** adicione o seguinte código:
+    2. No topo do seu Dockerfile, adicione o seguinte código:
 
     <Tabs>
       <TabsBar>
@@ -54,7 +70,7 @@ Aqui está um guia para adicionar nossa camada pré-construída ao seu código.
         </TabsPageItem>
 
         <TabsPageItem id="python">
-          ```
+          ```java
           FROM public.ecr.aws/newrelic-lambda-layers-for-docker/newrelic-lambda-layers-python:38-arm64 AS layer
 
           # Layer code
@@ -63,7 +79,7 @@ Aqui está um guia para adicionar nossa camada pré-construída ao seu código.
         </TabsPageItem>
 
         <TabsPageItem id="nodejs">
-          ```
+          ```js
           FROM public.ecr.aws/newrelic-lambda-layers-for-docker/newrelic-lambda-layers-nodejs:20-arm64 AS layer
 
           # Layer code
@@ -93,13 +109,606 @@ Aqui está um guia para adicionar nossa camada pré-construída ao seu código.
   <Step>
     ### Configure sua função do Lambda
 
-    1. Crie uma nova função do Lambda usando a imagem que você enviou para AWS ECR. Para obter mais informações sobre como criar esta função, recomendamos revisar o guia AWS: [Trabalhando com imagens de contêiner](https://docs.aws.amazon.com/lambda/latest/dg/images-create.html).
+    1. Crie uma nova função do Lambda usando a imagem que você enviou para AWS ECR. Para obter mais informações sobre a criação desta função, recomendamos a revisão do guia AWS: [Trabalhando com imagens de contêiner](https://docs.aws.amazon.com/lambda/latest/dg/images-create.html).
 
-    2. Configure a função do Lambda com as mesmas configurações da função original, mas certifique-se de adicionar quaisquer variáveis de ambiente necessárias para o monitoramento do New Relic Lambda.
+    2. Configure a função do Lambda com as mesmas configurações da função original, mas certifique-se de adicionar quaisquer variáveis de ambiente necessárias para o monitoramento do New Relic Lambda. Consulte nossas [variáveis de ambiente](/docs/serverless-function-monitoring/aws-lambda-monitoring/enable-lambda-monitoring/containerized-images/#environment) para obter mais informações.
 
     3. Atualize o manipulador da sua função para apontar para a camada recém-anexada na substituição `cmd` da sua função. Você pode fazer isso usando as instruções nestes dois documentos:
 
        * [Configuração da interface do console Lambda](https://docs.newrelic.com/docs/serverless-function-monitoring/aws-lambda-monitoring/enable-lambda-monitoring/instrument-your-own/#console)
        * [Instrumentação sem camadas para monitoramento Lambda](docs/serverless-function-monitoring/aws-lambda-monitoring/enable-lambda-monitoring/enable-serverless-monitoring-aws-lambda-layerless)
   </Step>
-</Steps>
\ No newline at end of file
+</Steps>
+
+## Variáveis ambientais [#environment]
+
+É importante configurar sua nova função do Lambda com as variáveis de ambiente do New Relic que correspondam às suas necessidades de monitoramento. Escolha seu tempo de execução para ver as variáveis de ambiente disponíveis e nossas recomendações para configurações padrão.
+
+<CollapserGroup>
+  <Collapser
+    id="distributed-tracing"
+    title="distributed tracing para agente Node.js e Python"
+  >
+    <table>
+      <thead>
+        <tr>
+          <th>
+            Variável de ambiente
+          </th>
+
+          <th>
+            Valor padrão
+          </th>
+
+          <th>
+            Opções
+          </th>
+
+          <th>
+            Descrição
+          </th>
+        </tr>
+      </thead>
+
+      <tbody>
+        <tr>
+          <td>
+            `NEW_RELIC_ACCOUNT_ID`
+          </td>
+
+          <td/>
+
+          <td/>
+
+          <td>
+            ID da sua conta New Relic
+          </td>
+        </tr>
+
+        <tr>
+          <td>
+            `NEW_RELIC_TRUSTED_ACCOUNT_KEY`
+          </td>
+
+          <td/>
+
+          <td/>
+
+          <td>
+            Seu ID de conta New Relic ou ID de pai, se existir
+          </td>
+        </tr>
+
+        <tr>
+          <td>
+            `NEW_RELIC_DISTRIBUTED_TRACING_ENABLED`
+          </td>
+
+          <td>
+            `false`
+          </td>
+
+          <td>
+            `true`, `false`
+          </td>
+
+          <td>
+            Habilitar ou desabilitar distributed tracing
+          </td>
+        </tr>
+      </tbody>
+    </table>
+  </Collapser>
+
+  <Collapser
+    id="node-js"
+    title="Node.js"
+  >
+    <table>
+      <thead>
+        <tr>
+          <th>
+            Variável de ambiente
+          </th>
+
+          <th>
+            Valor padrão
+          </th>
+
+          <th>
+            Opções
+          </th>
+
+          <th>
+            Descrição
+          </th>
+        </tr>
+      </thead>
+
+      <tbody>
+        <tr>
+          <td>
+            `NEW_RELIC_NO_CONFIG_FILE`
+          </td>
+
+          <td>
+            `false`
+          </td>
+
+          <td>
+            `true`, `false`
+          </td>
+
+          <td>
+            O agente Node.js usa variáveis de ambiente no Lambda, portanto, isso deve ser definido como `true`
+          </td>
+        </tr>
+
+        <tr>
+          <td>
+            `NEW_RELIC_APP_NAME`
+          </td>
+
+          <td/>
+
+          <td/>
+
+          <td>
+            Deve ser definido, mas não é usado na interface do New Relic. Em vez disso, os nomes das entidades vêm da integração AWS .
+          </td>
+        </tr>
+
+        <tr>
+          <td>
+            `NEW_RELIC_LOG_ENABLED`
+          </td>
+
+          <td>
+            `false`
+          </td>
+
+          <td>
+            `true`,`false`
+          </td>
+
+          <td>
+            Gera o log do agente para o CloudWatch
+          </td>
+        </tr>
+
+        <tr>
+          <td>
+            `NEW_RELIC_LOG_LEVEL`
+          </td>
+
+          <td>
+            `info`
+          </td>
+
+          <td>
+            `fatal`, `error`, `warn`, `info`, `debug`, `trace`
+          </td>
+
+          <td>
+            Nível de agente de log
+          </td>
+        </tr>
+
+        <tr>
+          <td>
+            `NEW_RELIC_LOG`
+          </td>
+
+          <td>
+            `stdout`
+          </td>
+
+          <td>
+            `stdout`
+          </td>
+
+          <td>
+            O caminho log do agente deve ser stdout para o agente Node.js no modo sem servidor
+          </td>
+        </tr>
+
+        <tr>
+          <td>
+            `NEW_RELIC_USE_ESM`
+          </td>
+
+          <td>
+            `false`
+          </td>
+
+          <td>
+            `true`, `false`
+          </td>
+
+          <td>
+            Funções ESM que usam async/await e não retorno de chamada
+          </td>
+        </tr>
+
+        <tr>
+          <td>
+            `NEW_RELIC_NATIVE_METRICS_ENABLED`
+          </td>
+
+          <td>
+            `true`
+          </td>
+
+          <td>
+            `true`, `false`
+          </td>
+
+          <td>
+            Deve ser definido como falso para reduzir a duração da partida a frio. Quando definido como `false` não coleta métricas VM
+          </td>
+        </tr>
+      </tbody>
+    </table>
+
+    Você pode encontrar mais variáveis de ambiente em nossa [documentação de configuração do Node.js.](/docs/apm/agents/nodejs-agent/installation-configuration/nodejs-agent-configuration/)
+  </Collapser>
+
+  <Collapser
+    id="python"
+    title="Python"
+  >
+    <table>
+      <thead>
+        <tr>
+          <th>
+            Variável de ambiente
+          </th>
+
+          <th>
+            Valor padrão
+          </th>
+
+          <th>
+            Opções
+          </th>
+
+          <th>
+            Descrição
+          </th>
+        </tr>
+      </thead>
+
+      <tbody>
+        <tr>
+          <td>
+            `NEW_RELIC_NO_CONFIG_FILE`
+          </td>
+
+          <td>
+            `false`
+          </td>
+
+          <td>
+            `true`, `false`
+          </td>
+
+          <td>
+            O agente usa variáveis de ambiente no Lambda, portanto, isso deve ser definido como verdadeiro
+          </td>
+        </tr>
+
+        <tr>
+          <td>
+            `NEW_RELIC_APP_NAME`
+          </td>
+
+          <td/>
+
+          <td/>
+
+          <td>
+            Deve ser definido, mas não é usado na interface do New Relic. Em vez disso, os nomes das entidades vêm da integração AWS .
+          </td>
+        </tr>
+
+        <tr>
+          <td>
+            `NEW_RELIC_LOG`
+          </td>
+
+          <td>
+            `stderr`
+          </td>
+
+          <td>
+            `stderr`
+          </td>
+
+          <td>
+            O caminho log do agente deve ser `stderr `para o agente Python no modo sem servidor
+          </td>
+        </tr>
+
+        <tr>
+          <td>
+            `NEW_RELIC_LOG_LEVEL`
+          </td>
+
+          <td>
+            `info`
+          </td>
+
+          <td>
+            `critical`, `error`, `warning`, `info`, `debug`
+          </td>
+
+          <td>
+            Nível de agente de log
+          </td>
+        </tr>
+
+        <tr>
+          <td>
+            `NEW_RELIC_SERVERLESS_MODE_ENABLED`
+          </td>
+
+          <td>
+            `false`
+          </td>
+
+          <td>
+            `true`, `false`
+          </td>
+
+          <td>
+            Deve ser definido como `true` para que o agente seja executado no modo sem servidor
+          </td>
+        </tr>
+
+        <tr>
+          <td>
+            `NEW_RELIC_PACKAGE_REPORTING_ENABLED`
+          </td>
+
+          <td>
+            `true`
+          </td>
+
+          <td>
+            `true`, `false`
+          </td>
+
+          <td>
+            Os relatórios do pacote do agente Python devem ser definidos como `false` para melhorar os tempos de inicialização a frio
+          </td>
+        </tr>
+      </tbody>
+    </table>
+
+    Você pode encontrar mais variáveis de ambiente em nossa [documentação de configuração do Python](/docs/apm/agents/python-agent/configuration/python-agent-configuration).
+  </Collapser>
+
+  <Collapser
+    id="java"
+    title="Java Open Tracing"
+  >
+    <table>
+      <thead>
+        <tr>
+          <th>
+            Variável de ambiente
+          </th>
+
+          <th>
+            Valor padrão
+          </th>
+
+          <th>
+            Opções
+          </th>
+
+          <th>
+            Descrição
+          </th>
+        </tr>
+      </thead>
+
+      <tbody>
+        <tr>
+          <td>
+            `NEW_RELIC_PRIMARY_APPLICATION_ID`
+          </td>
+
+          <td/>
+
+          <td/>
+
+          <td>
+            ID da sua conta New Relic
+          </td>
+        </tr>
+
+        <tr>
+          <td>
+            `NEW_RELIC_DEBUG`
+          </td>
+
+          <td>
+            `false`
+          </td>
+
+          <td>
+            `true`, `false`
+          </td>
+
+          <td>
+            Nível de agente de log
+          </td>
+        </tr>
+      </tbody>
+    </table>
+  </Collapser>
+
+  <Collapser
+    id="extension"
+    title="Extensão"
+  >
+    <table>
+      <thead>
+        <tr>
+          <th>
+            Variável de ambiente
+          </th>
+
+          <th>
+            Valor padrão
+          </th>
+
+          <th>
+            Opções
+          </th>
+
+          <th>
+            Descrição
+          </th>
+        </tr>
+      </thead>
+
+      <tbody>
+        <tr>
+          <td>
+            `NEW_RELIC_LAMBDA_EXTENSION_ENABLED`
+          </td>
+
+          <td>
+            `true`
+          </td>
+
+          <td>
+            `true`, `false`
+          </td>
+
+          <td>
+            Habilite ou desabilite a extensão
+          </td>
+        </tr>
+
+        <tr>
+          <td>
+            `NEW_RELIC_LICENSE_KEY`
+          </td>
+
+          <td/>
+
+          <td/>
+
+          <td>
+            Sua chave de ingestão da New Relic. Isso substitui o Secrets Manager
+          </td>
+        </tr>
+
+        <tr>
+          <td>
+            `NEW_RELIC_LICENSE_KEY_SECRET`
+          </td>
+
+          <td>
+            `NEW_RELIC_LICENSE_KEY`
+          </td>
+
+          <td/>
+
+          <td>
+            Nome secreto personalizado no AWS Secrets Manager
+          </td>
+        </tr>
+
+        <tr>
+          <td>
+            `NEW_RELIC_LAMBDA_HANDLER`
+          </td>
+
+          <td/>
+
+          <td/>
+
+          <td>
+            Se você não usa [o método de empacotamento manual](https://github.com/newrelic/newrelic-lambda-layers?tab=readme-ov-file#note-on-performance-for-es-module-functions) do New Relic, este é o manipulador da sua função.
+          </td>
+        </tr>
+
+        <tr>
+          <td>
+            `NEW_RELIC_DATA_COLLECTION_TIMEOUT`
+          </td>
+
+          <td>
+            10s
+          </td>
+
+          <td/>
+
+          <td>
+            Reduza a duração do tempo limite quando por `Telemetry client error`
+          </td>
+        </tr>
+
+        <tr>
+          <td>
+            `NEW_RELIC_EXTENSION_LOGS_ENABLED`
+          </td>
+
+          <td>
+            `true`
+          </td>
+
+          <td>
+            `true`, `false`
+          </td>
+
+          <td>
+            Ativar ou desativar `NR_EXT` linhas log
+          </td>
+        </tr>
+
+        <tr>
+          <td>
+            `NEW_RELIC_EXTENSION_LOG_LEVEL`
+          </td>
+
+          <td>
+            `info`
+          </td>
+
+          <td>
+            `info`, `debug`
+          </td>
+
+          <td>
+            nível de log para linhas de log NR_EXT
+          </td>
+        </tr>
+
+        <tr>
+          <td>
+            `NEW_RELIC_EXTENSION_SEND_FUNCTION_LOGS`
+          </td>
+
+          <td>
+            `false`
+          </td>
+
+          <td>
+            `true`, `false`
+          </td>
+
+          <td>
+            Enviar log de funções
+          </td>
+        </tr>
+      </tbody>
+    </table>
+
+    Veja mais variáveis de ambiente para a extensão New Relic em nossa [documentação](https://github.com/newrelic/newrelic-lambda-extension/blob/cf86fb53f0bd816e1d09d07f7b5c5ab4841010a0/config/config.go#L41-L55).
+  </Collapser>
+</CollapserGroup>
\ No newline at end of file