Divisional Charts API - Angular Integration

Overview

Generate Navamsa (D9), Dashamsa (D10), and other divisional charts

POST /v2/astrology/divisional-charts

Pricing: $0.006 per request | Framework: Angular | Auth: API Key required

Quick Start

1. Installation

# HttpClient is built into Angular

2. Environment Setup

# .env or .env.local
VEDIKA_API_KEY=your_api_key_here

Security: Never commit API keys to version control. Always use environment variables.

Complete Implementation

// divisional-charts.service.ts
import { Injectable } from '@angular/core';
import { HttpClient, HttpHeaders } from '@angular/common/http';
import { Observable } from 'rxjs';
import { environment } from '../environments/environment';

interface DivisionalChartsResponse {
  success: boolean;
  data: any;
  timestamp: string;
  cost: number;
}

@Injectable({
  providedIn: 'root'
})
export class DivisionalChartsService {
  private baseUrl = 'https://vedika-api-854222120654.us-central1.run.app';

  constructor(private http: HttpClient) {}

  getDivisionalCharts(params: any): Observable {
    const headers = new HttpHeaders({
      'Content-Type': 'application/json',
      'x-api-key': environment.vedikaApiKey
    });

    return this.http.post(
      `${this.baseUrl}/v2/astrology/divisional-charts`,
      params,
      { headers }
    );
  }
}

// divisional-charts.component.ts
import { Component } from '@angular/core';
import { DivisionalChartsService } from './divisional-charts.service';

@Component({
  selector: 'app-divisional-charts',
  templateUrl: './divisional-charts.component.html',
  styleUrls: ['./divisional-charts.component.css']
})
export class DivisionalChartsComponent {
  data: any = null;
  loading = false;
  error: string | null = null;

  constructor(private divisional-chartsService: DivisionalChartsService) {}

  fetchDivisionalCharts(params: any): void {
    this.loading = true;
    this.error = null;

    this.divisional-chartsService.getDivisionalCharts(params).subscribe({
      next: (response) => {
        this.data = response.data;
        this.loading = false;
      },
      error: (err) => {
        this.error = err.error?.error || 'An error occurred';
        this.loading = false;
      }
    });
  }
}

Request Parameters

Parameter	Type	Required	Description
`datetime`	varies	Yes	See API documentation
`latitude`	varies	Yes	See API documentation
`longitude`	varies	Yes	See API documentation
`timezone`	varies	Yes	See API documentation
`chartType`	varies	Yes	See API documentation

Error Handling

Status Code	Error	Solution
400	Bad Request	Check request parameters and format
401	Unauthorized	Verify API key is correct
402	Payment Required	Insufficient balance - recharge at console.vedika.io
429	Rate Limit Exceeded	Implement exponential backoff or upgrade plan
500	Server Error	Retry after a few seconds

Best Practices

Secure API Keys: Always use environment variables, never hardcode
Error Handling: Implement comprehensive error handling for all status codes
Caching: Cache responses when appropriate to reduce costs
Timeout: Set reasonable timeout values (10-30 seconds)
Rate Limiting: Implement client-side rate limiting to avoid 429 errors
Validation: Validate input parameters before making API calls
Logging: Log API errors for debugging and monitoring
Testing: Use sandbox endpoints for development and testing

Response Format

{
  "success": true,
  "data": {
    // Endpoint-specific response data
  },
  "timestamp": "2026-01-07T10:30:00Z",
  "cost": 0.006
}

Related Endpoints

Birth Chart Kundli Match Panchang Dasha Periods Dosha Analysis

Other Frameworks

React Next.js Vue.js Node.js Python/Flask Django Ruby on Rails

Support

Need help integrating this endpoint?

Email: support@vedika.io
Documentation: vedika.io/docs
API Console: console.vedika.io
GitHub Examples: github.com/vedika-io/examples