Initial commit

a8832ae2 · Almouhannad Hafez · a8832ae2 · a8832ae2 · a8832ae2 · a8832ae2
Commit a8832ae2 authored Jan 10, 2025 by Almouhannad Hafez
9 changed files
--- a/.gitignore
+++ b/.gitignore
+# Logs
+logs
+*.log
+npm-debug.log*
+yarn-debug.log*
+yarn-error.log*
+pnpm-debug.log*
+lerna-debug.log*
+
+node_modules
+dist
+dist-ssr
+*.local
+
+# Editor directories and files
+.vscode/*
+!.vscode/extensions.json
+.idea
+.DS_Store
+*.suo
+*.ntvs*
+*.njsproj
+*.sln
+*.sw?
--- a/README.md
+++ b/README.md
+# Data Visualization (DV) Course - HW4
+***Data visualizing using D3.js***  
+***By: Almouhannad Hafez***
+## How to run:
+```node
+npm install
+npm run dev
+```
\ No newline at end of file
--- a/index.html
+++ b/index.html
+<!doctype html>
+<html lang="en">
+
+<head>
+  <meta charset="UTF-8" />
+  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+  <title>DV-HW</title>
+</head>
+
+<body>
+  <script type="module" src="/src/ts/main.ts"></script>
+</body>
+
+</html>
\ No newline at end of file
--- a/package-lock.json
+++ b/package-lock.json
--- a/package.json
+++ b/package.json
+{
+  "name": "hw",
+  "private": true,
+  "version": "0.0.0",
+  "type": "module",
+  "scripts": {
+    "dev": "vite",
+    "build": "tsc && vite build",
+    "preview": "vite preview"
+  },
+  "devDependencies": {
+    "typescript": "~5.6.2",
+    "vite": "^6.0.5"
+  },
+  "dependencies": {
+    "@types/d3": "^7.4.3",
+    "bootstrap": "^5.3.3",
+    "d3": "^7.9.0"
+  }
+}
--- a/src/css/style.css
+++ b/src/css/style.css
+@import '/node_modules/bootstrap/dist/css/bootstrap.min.css';
+
+body {
+  margin: 0;
+  padding: 0;
+  box-sizing: border-box;
+  overflow-x: hidden;
+}
+
+h1 {
+  color: red;
+}
\ No newline at end of file
--- a/src/global.d.ts
+++ b/src/global.d.ts
+declare module '*.css';
\ No newline at end of file
--- a/src/ts/main.ts
+++ b/src/ts/main.ts
+import '../css/style.css';
+import * as d3 from 'd3';
+
+d3.select("body")
+  .append("h1")
+  .text("Hello world");
--- a/tsconfig.json
+++ b/tsconfig.json
+{
+  "compilerOptions": {
+    "target": "ES2020",
+    "useDefineForClassFields": true,
+    "module": "ESNext",
+    "lib": [
+      "ES2020",
+      "DOM",
+      "DOM.Iterable"
+    ],
+    "skipLibCheck": true,
+    /* Bundler mode */
+    "moduleResolution": "bundler",
+    "allowImportingTsExtensions": true,
+    "isolatedModules": true,
+    "moduleDetection": "force",
+    "noEmit": true,
+    /* Linting */
+    "strict": true,
+    "noUnusedLocals": true,
+    "noUnusedParameters": true,
+    "noFallthroughCasesInSwitch": true,
+    "noUncheckedSideEffectImports": true
+  },
+  "include": [
+    "src/**/*"
+  ]
+}
\ No newline at end of file