{"id":22445461,"url":"https://github.com/anas436/car-price-analyzing-dashboard-using-dash-with-python","last_synced_at":"2026-05-06T20:35:50.972Z","repository":{"id":110394402,"uuid":"522276906","full_name":"Anas436/Car-Price-Analyzing-Dashboard-Using-Dash-With-Python","owner":"Anas436","description":null,"archived":false,"fork":false,"pushed_at":"2022-08-07T17:31:42.000Z","size":19,"stargazers_count":1,"open_issues_count":0,"forks_count":0,"subscribers_count":2,"default_branch":"main","last_synced_at":"2025-02-01T15:30:56.877Z","etag":null,"topics":["css3","dash","dashboard","dashcorecomponents","dashhtmlcomponent","html5","jupyter-dash","pandas","plotly","plotly-express","plotly-graph-objects"],"latest_commit_sha":null,"homepage":"","language":"Jupyter Notebook","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/Anas436.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2022-08-07T17:18:35.000Z","updated_at":"2022-08-17T09:34:15.000Z","dependencies_parsed_at":"2023-04-23T13:18:06.874Z","dependency_job_id":null,"html_url":"https://github.com/Anas436/Car-Price-Analyzing-Dashboard-Using-Dash-With-Python","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Anas436%2FCar-Price-Analyzing-Dashboard-Using-Dash-With-Python","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Anas436%2FCar-Price-Analyzing-Dashboard-Using-Dash-With-Python/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Anas436%2FCar-Price-Analyzing-Dashboard-Using-Dash-With-Python/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Anas436%2FCar-Price-Analyzing-Dashboard-Using-Dash-With-Python/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/Anas436","download_url":"https://codeload.github.com/Anas436/Car-Price-Analyzing-Dashboard-Using-Dash-With-Python/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":245832680,"owners_count":20679701,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["css3","dash","dashboard","dashcorecomponents","dashhtmlcomponent","html5","jupyter-dash","pandas","plotly","plotly-express","plotly-graph-objects"],"created_at":"2024-12-06T03:14:31.431Z","updated_at":"2026-05-06T20:35:45.940Z","avatar_url":"https://github.com/Anas436.png","language":"Jupyter Notebook","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Car-Price-Analyzing-Dashboard-Using-Dash-With-Python\n\n\n\n# Objectives\n\u003cdiv class=\"alert alert-block alert-info\" \u003e\nAfter completing the lab you will be able to:\n\n* Create a dash board layout\n* Add a bar chart\n\u003c/div\u003e\n\n## Task 3: Practice Exercise\n## Story:\n\nHere we are looking into an __automobile dataset__ which has various attributes like __drive-wheels,body-style and price__.\n\nLets view the snapshot of our selected dataset.\n\nHere let's say we are selecting 3 important features __drive-wheels, body-style and Price__.\n\n*    The possible values of drive-wheels are __4 wheel Drive(4wd),Front WheelDrive(fwd) and Rear wheel Drive(rwd)__.\n\n*    The different body styles of the cars are hardtop,sedan,convertible and so on.\n\n\n__There are 2 types of people here:__\n\n*    A customer who wants to purchase the cars with less price , different body styles and wants to look for the drive wheel with this arrangement.\n\n*    A dealer who wants to showcase the prices for the cars with different body styles and drive wheels.\n\n*    As a data analyst, you have been given a task to visually show the __body-style and prices__ with respect to each __drive wheel__ selected.\n\n*    So ideally you want to showcase this in the form of 2 interactive charts such as __pie chart__ and __bar chart__ on selection of drive wheel.\n\n## Components of the item\n1. Drive Wheel Type\n\n    For the chosen Drive wheel,\n\n      *  Pie Chart showing body style and price.\n\n      *  Bar Chart showing body style and price.\n\n    \nBelow is the key item,\n\n*    Drive wheels\n\n\n## Requirements to create the expected result\n\n*    A dropdown menu: For choosing Drive wheel type\n*    The layout will be designed as follows:\n*    An outer division with two inner divisions (as shown in the expected layout)\n*    One of the inner divisions will have information about the dropdown(which is the input) and the other one is for adding graphs(the 2 output graphs).\n*    Callback function to compute data, create graph and return to the layout.\n\n## To do:\n\n1. Import required libraries and read the dataset\n2. Create an application layout\n3. Add title to the dashboard using HTML H1 component\n4. Add a dropdown using dcc.dropdown\n5. Add the pie chart and bar chart core graph components.\n6. Run the app\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fanas436%2Fcar-price-analyzing-dashboard-using-dash-with-python","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fanas436%2Fcar-price-analyzing-dashboard-using-dash-with-python","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fanas436%2Fcar-price-analyzing-dashboard-using-dash-with-python/lists"}