Рубрики
Uncategorized

Лакмус — парящая высота

О Litmuschaos Litmuschaos предоставляет полный набор инструментов, требуемых Kubernetes de … Tagged Litmuschaos, Kubernetes, Analytics, DevOps.

Litmuschaos предоставляет полный набор инструментов, требуемых разработчиками Kubernetes и SRES для легко и в Kubernetes-Cly. Litmuschaos — это инженерная структура хаоса для Kubernetes. Проект имеет «декларативный хаос» в качестве основной цели дизайна и сохраняет сообщество в Центре развития экспериментов по хаосу.

Литмус широко содержит

1. chaos operator 2.Chaos crds 3. Эксперименты Chaos или Chaoshub 4.Chaos Scheduler 5. Chaos Metric Exporter 6. chaos Exporter 7.portal

В этом блоге мы в основном поговорим о Litmus Analytics.

Теперь давайте проведем широкую дискуссию об аналитике. 1. Аналитика экспериментов и наш рост 2. Большинство популярных мест, где расположены лакмусовые пользователи 3. Структура карт и их зависимости 4. Загрузка данных и проведенные основные карты из библиотек в приложении React 5. Ссылки и ссылки

Аналитика об пользователях

Мы рады поделиться тем, что наше сообщество достигло больших высот в наши дни, и мы рады достигли этой вехи, и мы благодарны нашим пользователям за то, что он всегда поддерживал нас. Недавно мы получили отличный отклик от пользователей и имеем много активных пользователей. Мы пытаемся расширить наши ресурсы и нашу работу по всему миру.

Примечание. Приведенные выше аналитические данные были отмечены 25 августа 2020 года.

В текущей ситуации мы испытываем оператор, установленный 14K+, общий эксперимент пройдет 108K+, общие эксперименты 35 и GitHub Star 1K+и подсчет.

Лакмусовый рост

Приведенный ниже график показывает рост нашего лакмусового сообщества на основе аналитики эксперимента оператора.

Эксперименты

Универсальный : Удаление POD, убийство контейнеров, задержка сети POD, потерь сети POD, коррупция сети POD, HOG POD HOG, HOG POD MEMIME Дублирование, узел, узел, Docker Service Kill, Pod Autoscaler.

Kubernetes : Kubernetes Application Pod, служба приложений Kubernetes, Pod Cluster Cluster Clusters — Kiam, EC2 CRENTINT.

Openebs : Ошибка целевого контейнера, задержка целевой сети, потерь целевой сети, сбой целевого стручка, сбой пула, сбой контейнера пула, задержка сети пула, потеря сети пула, хаос плоскости управления, хаос пула CSTOR, потеря дисков пула, NFS -проводник убийство.

Кафка : Неудача брокера, сбой брокера, Delete Coredns Coredns Delete, Cassandra Cassandra Pod Delete.

Самые популярные места, где расположены лакмусовые пользователи

Сейчас мы пересекли 170 городов и 35 стран по всему миру, где расположены лакмусовые пользователи. В настоящее время в 10 лучших странах являются Индия, США, Китай, Нидерланды, Франция, Украина, Германия, Япония, Ирландия и Тайвань.

Городские пользователи

Здесь показана всемирная статистика, включая пользователей из определенных городов на карте.

Страновые пользователи

Здесь вы можете увидеть нашу всемирную статистику, включая пользователей из определенных стран карт.

Структура карт и их зависимости

Чтобы создать карту гео, нужно иметь базовые знания реагирования. Мы использовали React и TypeScript для разработки. Для карты я использовал React-Simple-Maps Для городского заговора и React-Google-Charts Для странового заговора. Мой подход заключался в том, чтобы построить данные на Geo Map, используя городской мудрой, поэтому хорошо показывать точки на карте, чтобы иметь правильную визуализацию. Загрузка данных и проведенные основные карты из библиотек в приложении и коде React

Структура кода:

┬ Litmus-Portal  
├─┬ backend
| └ frontend
|    ├─┬ src
|      └── components
|        ├─┬ GeoMap
│          ├── CityMap.tsx
|          ├── CountryMao.tsx
|          ├── index.ts 
│          └── geo.json

Карта города

Компонент CityMap сделает карту, основанную на городских экспериментах хаоса. Так как я хочу настроить проекцию для маркеров, я пользуюсь свойством маркера. Начните с определения интерфейса для имени, и координаты и данные будут загружены асинхронно, как и компонент (useEffect ()). Кроме того, он заставит Geo.json для составления координат. Для проекционного маркера я держу один и тот же цвет для всех с непрозрачностью круга. Необходимые библиотеки приведены ниже, а Geourl являются координатами карты мира в целях отображения.

import React, { useEffect, useState } from 'react';
import { useSelector } from 'react-redux';
import {
  ComposableMap,
  Geographies,
  Geography,
  Marker,
  ZoomableGroup,
} from 'react-simple-maps';
import { RootState } from '../../redux/reducers';
import datageo from './geo.json';
const geoUrl = datageo;

Компоненты React имеют встроенный объект состояния, который хранит свойства, которые принадлежат компоненту карты. Когда объект состояния меняется, компонент повторно использует.

const [mapData, setMapData] = useState([]);

  const geoCity = useSelector(
    (state: RootState) => state.communityData.google.geoCity
  );

  useEffect(() => {
    const cityData: CityData[] = [];
    geoCity.map((e) =>
      cityData.push({
        name: e.name,
        coordinates: [parseFloat(e.longitude), parseFloat(e.latitude)],
      })
    );
    setMapData(cityData);

Добавление карты с маркером Чтобы показать данные на каждой карте города, я добавил слушателей событий, а также композиционную карту и увеличение группы.

     
        
          
            {({ geographies }) =>
              geographies.map((geo) => (
                
              ))
            }
          
          {mapData &&
            mapData.map(({ name, coordinates }) => (
              
                
                  
                
              
            ))}

Карта

Компонент CountryMap сделает карту на основе страны экспериментов. Подход такой же, как и разница в городе только разница в данных по в стране и добавленным парящим эффектом. Первоначально данные хранятся в штатах в 2D массиве с страной и пользователями столбцов, поэтому я взял переменную CountryMap, которая хранит свойства, которые принадлежат компоненту карты. Когда объект состояния меняется, компонент повторно использует.

const CountryMap = () => {
  const data: string[][] = useSelector(
    (state: RootState) => state.communityData.google.geoCountry
  );
  const parsedData = data.map((item) => [item[0], parseInt(item[1], 10)]);
  parsedData.unshift(['Country', 'Count'])

Показывая градиент Чтобы дать пользователям представление об интенсивности данных, мы можем показать линейный градиент со всеми значениями и всех значений. Чтобы показать данные о наведении каждой страны, мы можем добавить слушателей Enmousealeve Events, которые показывают страну и пользователей из этих стран.

Мы с нетерпением ждем, чтобы пользователи внесли свой вклад в наше лакмусовое сообщество.

Ссылки и ссылки

Litmuschaos Litmus chaoshub GitHub Repo Litmus Связаться с нами на Slack Litmus Chaos YouTube канал Мы рады, что мы вносим свой вклад в рост наших пользователей и помогаем им подняться и сиять вместе с нами.

Оригинал: «https://dev.to/oumkale/litmus-soaring-height-nbd»

Читайте ещё по теме: