The energy informatics can be enhanced to support decision-making, communication and benchmarking of the energy performance both in design and operational phases. To enable engineers, developers and policy-makers to better understand the implications of energy systems and services, computer-generated visualization is a powerful tool to inform a range of technological options and to analyze the effects of energy system strategies. Visualization increases the transparency of results and the understanding of interactions between users and energy systems. This paper presents a novel conceptual framework for integrating energy systems, infrastructure and services optimization with a visualization and simulation platform. It focuses on the development of a tool for low-carbon energy systems and high quality energy services at precinct scale. The paper describes the vision and architectural design for the integrated framework. It is expected to serve as a next generation approach to managing energy services, carbon emissions and efficient resource use in the built environment. This will help to deliver new environmentally sustainable infrastructure and achieve carbon neutrality in urban development.