Image Histogram

    // example.sh
curl -X POST "https://oyyi.xyz/api/image/histogram"   -H "accept: application/json" \
  -H "Content-Type: multipart/form-data" \
  -F "file=@image.jpg" \
  -F "channels=rgb" \
  -F "bins=256"
  

    // plot_histogram.py
import requests
import json
import matplotlib.pyplot as plt
import numpy as np

url = "https://oyyi.xyz/api/image/histogram"

files = {
    'file': open('image.jpg', 'rb')
}

data = {
    'channels': 'rgb',
    'bins': 256
}

response = requests.post(url, files=files, data=data)

# Parse the JSON response
histogram_data = response.json()

# Plot the histogram
plt.figure(figsize=(12, 6))
x = np.arange(len(histogram_data['r']))
plt.bar(x, histogram_data['r'], color='r', alpha=0.5, label='Red')
plt.bar(x, histogram_data['g'], color='g', alpha=0.5, label='Green')
plt.bar(x, histogram_data['b'], color='b', alpha=0.5, label='Blue')
plt.legend()
plt.title('RGB Histogram')
plt.xlabel('Pixel Value')
plt.ylabel('Frequency')
plt.savefig('histogram.png')
plt.show()
  

    // plot_histogram.js
// Using fetch API
const formData = new FormData();
formData.append('file', fileInput.files[0]);
formData.append('channels', 'rgb');
formData.append('bins', '256');

fetch('https://oyyi.xyz/api/image/histogram-equalization', {
  method: 'POST',
  body: formData
})
.then(response => response.json())
.then(histogramData => {
  console.log(histogramData);

  // Example: Plot histogram using Chart.js
  const ctx = document.getElementById('histogramChart').getContext('2d');
  const labels = Array.from({length: histogramData.r.length}, (_, i) => i);

  new Chart(ctx, {
    type: 'line',
    data: {
      labels: labels,
      datasets: [
        {
          label: 'Red',
          data: histogramData.r,
          borderColor: 'rgba(255, 99, 132, 1)',
          backgroundColor: 'rgba(255, 99, 132, 0.2)',
          fill: true
        },
        {
          label: 'Green',
          data: histogramData.g,
          borderColor: 'rgba(75, 192, 192, 1)',
          backgroundColor: 'rgba(75, 192, 192, 0.2)',
          fill: true
        },
        {
          label: 'Blue',
          data: histogramData.b,
          borderColor: 'rgba(54, 162, 235, 1)',
          backgroundColor: 'rgba(54, 162, 235, 0.2)',
          fill: true
        }
      ]
    },
    options: {
      responsive: true,
      title: {
        display: true,
        text: 'Image Histogram'
      }
    }
  });
})
.catch(error => console.error('Error:', error));
  

    // response.json
{
  "r": [0, 12, 45, 78, 156, 234, 567, 890, ...],
  "g": [0, 23, 67, 134, 256, 345, 456, 678, ...],
  "b": [0, 34, 89, 145, 278, 367, 489, 567, ...],
  "luminance": [0, 21, 65, 123, 234, 345, 456, 678, ...],
  "channels": "rgb",
  "bins": 256,
  "statistics": {
    "r": {
      "min": 0,
      "max": 255,
      "mean": 127.45,
      "median": 130,
      "std_dev": 45.67
    },
    "g": {
      "min": 0,
      "max": 255,
      "mean": 135.78,
      "median": 142,
      "std_dev": 42.31
    },
    "b": {
      "min": 0,
      "max": 255,
      "mean": 118.92,
      "median": 115,
      "std_dev": 48.45
    },
    "luminance": {
      "min": 0,
      "max": 255,
      "mean": 128.72,
      "median": 132,
      "std_dev": 43.21
    }
  }
}